Vantage: how to get ‘entry-content’ text full width on mobile phone??
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
5Hi 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?
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.
Sorry…… Alex !!! ;)
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.
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.