Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I have a quick question. The website I am building looks great on desktop, but on pages where I have used page builder, the left and right margins on my phone, are too big. It leaves just a small space for text / images / icons in the middle. How do I make it so that the information spans the width of the device?
http://www.newwebsite.kempandkempcatering.co.uk
Thanks
Anna
Hi Anna,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@media (max-width: 550px) { .widget { padding: 0 !important; } }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Hi Alex, thanks for the reply. That does seem to help slightly, although putting the padding at 0 meant that it looked odd in a vertical row. I changed it to 15px and it looks OK – still lots of white space around some of the text, but much better than it was. Thanks!
Hi Anna,
Please replace the previously provided CSS with:
@media (max-width: 550px) { .page-gutter, .page-template-page-sidebar-none .entry-content, .widget { padding-right: 0 !important; padding-left: 0 !important; } }How does that look?