iphone responsive issue

[Abe]

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.

[Sonl Sinha]

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

[Abe]

No change at all 🙁

[Sonl Sinha]

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

[Abe]

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.

[Sonl Sinha]

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

[Abe]

perfect! Thanks again 🙂

[Sonl Sinha]

🙂

[Author]

Posts