This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Content squished to left hand side

6 years ago · Last reply by Andrew Misplon 6 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 6 years, 10 months ago

    Hi Paul

    Thanks for posting.

    Do you have a public URL where we can take a look at what’s going on?

  2. Paul Gent 6 years, 10 months ago

    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

  3. Andrew Misplon Staff 6 years, 10 months ago

    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;
    }

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.

Have a different question or issue?

Start New Thread