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].
I have a WordPress site that was looking amazing, but then all of a sudden on mobile my content has squished to one side.
I’ve found how to fix it on each page individually using CSS, the problem seems to be this…
“#pgc-9-4-0, #pgc-9-4-1, #pgc-9-5-0, #pgc-9-5-1 {
width: 50%;
}”
If I add that line of code in theme additional CSS but set the width to 100% it fixes it
but it’ll take forever to do this for every page. Can I fix this sitewide with a line of CSS? I feel like I’m missing something.
Thanks in advance, Paul
Hi Paul
Thanks for posting.
Do you have a public URL where we can take a look at what’s going on?
Hi Andrew, I seemed to be able to fix it using
“.panel-grid-cell {
width: 100% !important;
}”
Although, I’m sure that’s probably not the best way I could have done it so you’re welcome to have a look.
https://medipro.co.uk/
Thanks
Thanks, Paul. If for example, you edit the row NEW Level 6 in Paramedic Practice. In the Layout tab, is Collapse Behaviour perhaps set to No Collapse? Try Standard if so.
This rule can be removed now:
.sow-image-container { display: block !important; }