hello. When I am viewing screens on iPhone 6 portrait view the actual page area is very narrow and there is a lot of white space surrounding it. It looks awful. I love white space but I want my content to display as well. Is there a universal setting I can update. This is true for all content.
Also, how can I force a mobile menu for landscape view on mobile.
The author box on mobile is not resizing and there is a string of single letter lines of text.
just go through the lot on any mobile phone but here are some specific pages
Hi Georgia
You ideally need to drop entry content width on mobile. Change this rule:
.entry-main { width: 80%; margin-left: auto; margin-right: auto; }to
@media (min-width: 680px) { .entry-main { width: 80%; margin-left: auto; margin-right: auto; } }Similar situation with #main. Change this rule:
#main { background: #ffffff none repeat scroll 0 0; padding: 65px; }to:
@media (min-width: 680px) { #main { background: #ffffff none repeat scroll 0 0; padding: 65px; } }In general, when changing container widths or padding, do a quick test for mobile. If your change is causing a problem, pick a resolution after which to apply it like we’ve done above.
This was so helpful. I did as you suggested and used your base to adjust to the right padding. Thank you!!!
Awesome, glad to hear you made progress on this.