This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

page area for mobile view has lots of issues. Lots!

Resolved 5 replies premiumthemetheme-vantage
Georgia Gibbs
10 years ago · Last reply by Andrew Misplon 10 years ago

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

Contact Donna

Specialties

URL: http://www.donnasimmons.com/services/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 10 years, 6 months ago

    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;
	}
}
  2. Andrew Misplon Staff 10 years, 6 months ago

    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;
	}
}
  3. Andrew Misplon Staff 10 years, 6 months ago

    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.

  4. Georgia Gibbs 10 years, 6 months ago

    This was so helpful. I did as you suggested and used your base to adjust to the right padding. Thank you!!!

  5. Andrew Misplon Staff 10 years, 6 months ago

    Awesome, glad to hear you made progress on this.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread