iphone responsive issue

Home Forums All Other Themes iphone responsive issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #43930
    AbeAbe
    Member
    • Topics: 5
    • Replies: 6
    • Total: 11
    Member since: August 13, 2016

    Please see the attached screenshot of what the homepage looks like on my iphone. There is a lot of space between the menu and the body of the page. All other pages seem to be ok. This just affects the homepage.

    #44064
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6938
    • Total: 6948
    Member since: June 12, 2013

    Kindly go to Appearance>>Theme Options>>Layoyt Settings>>Custom CSS Box:

    Add this code there:

    @media screen and (max-width:479px) {
    #secondary.home_front_wrap { margin-bottom:10px !important;}
    }

    Regards,
    Shri

    #44092
    AbeAbe
    Member
    • Topics: 5
    • Replies: 6
    • Total: 11
    Member since: August 13, 2016

    No change at all 🙁

    #44176
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6938
    • Total: 6948
    Member since: June 12, 2013

    Kindly go to Appearance>>Theme Options>>Layout Settings>>Custom CSS Box:

    Add this code there:

    @media screen and (max-width: 767px) {

    #secondary.home_front_wrap { margin-bottom:0 !important;}

    }

    Regards,
    Shri

    #44210
    AbeAbe
    Member
    • Topics: 5
    • Replies: 6
    • Total: 11
    Member since: August 13, 2016

    no, that still did not fix it. It looks great on my desktop, on my iPad BUT NOT on my iPhone 5 in portrait mode. Still looks like the screenshot I originally submitted.

    #44335
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6938
    • Total: 6948
    Member since: June 12, 2013

    Kindly Remove this code there:

    @media screen and (max-width:479px) {
    #secondary.home_front_wrap { margin-bottom:10px !important;}
    }

    @media screen and (max-width: 767px) {
    #secondary.home_front_wrap { margin-bottom:0 !important;}
    }

    —————————————————————-

    And add this code there:

    @media screen and (max-width:479px) {
    .home #secondary { margin-bottom:0 !important;}
    }

    Regards,
    Shri

    #44350
    AbeAbe
    Member
    • Topics: 5
    • Replies: 6
    • Total: 11
    Member since: August 13, 2016

    perfect! Thanks again 🙂

    #44351
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6938
    • Total: 6948
    Member since: June 12, 2013

    🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘iphone responsive issue’ is closed to new replies.