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??
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?
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.