Home › Forums › All Other Themes › iphone responsive issue
- This topic has 7 replies, 2 voices, and was last updated 7 years, 8 months ago by Sonnal S Sinha.
-
AuthorPosts
-
August 17, 2016 at 4:35 pm #43930
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.
August 19, 2016 at 11:01 am #44064Kindly 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,
ShriAugust 19, 2016 at 2:25 pm #44092No change at all π
August 20, 2016 at 10:17 am #44176Kindly 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,
ShriAugust 20, 2016 at 7:24 pm #44210no, 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.
August 22, 2016 at 12:23 pm #44335Kindly 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,
ShriAugust 22, 2016 at 1:30 pm #44350perfect! Thanks again π
August 22, 2016 at 1:31 pm #44351π
-
AuthorPosts
- The topic ‘iphone responsive issue’ is closed to new replies.