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.

Vantage: how to get ‘entry-content’ text full width on mobile phone??

Resolved 5 replies questionthemetheme-vantage
8 years ago · Last reply by Peter Klep 8 years ago

I use your Page Builder with Vantage theme on my website in ‘Full Width Page’ and all rows in ‘Standard’ layout.
Theme Settings and Page Builder ‘Responsive Layout’ are enabled.

The mobile phone layout is not what I want: too much background and the text compressed in the middle of the screen taking only half of the screen’s width. How can I make the text (‘entry-content’) full width??

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 8 years, 3 months ago

    Hi Peter,

    I suspect the spacing is the standard Vantage content padding. You can remove this spacing by adding the following CSS to WP AdminAppearanceCustom CSS:

    @media (max-width: 680px) {
    	#main.site-main {
    		padding-right: 0;
    		padding-left: 0;
    	}
    }

    You might also need to install the SiteOrigin CSS Editor.

    If that doesn’t help, do you have a public URL where we can take a look at what’s going on?

  2. Peter Klep 8 years, 3 months ago

    Thank you for your reply, Andy.

    Yes, that bit of CSS did the trick.
    What is the difference in using different @media (max-width: 680px), e.g. 720px or 780px??
    I cannot see any difference on my mobile phone using different max-width.

  3. Peter Klep 8 years, 3 months ago

    Sorry…… Alex !!! ;)

  4. Alex S Staff 8 years, 3 months ago

    Hi Peter,

    The value of the max-width will allow you to control when this CSS kicks in. An example of this, try lowering the max-width to 400px. This will allow for the CSS to work on mobile but not when the phone is held in landscape.

  5. Peter Klep 8 years, 3 months ago

    o.k., thank you Alex.

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