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].
The sidebar is very narrow when viewed on a mobile phone – is there some CSS code that can help with this please. Many thanks.

Hi Jane
In Custom CSS you’ve written:
/* width of sidebar */#primary { width: 65% !important; }#secondary { width: 35% !important; text-align: center;}Rather don’t use !important there.
If you remove !important you should then able to add to your Custom CSS:
@media (max-width: 680px) {#primary { width: 100%; }#secondary { width: 100%; }}Perfect, thank you very much.