[Resolved] Changing content/sidebar width on a single page

Home Forums Support Changing content/sidebar width on a single page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1354705
    Sue

    I’m working on a website for someone who uses a super annoying form by “Wufoo” which somehow conflicts with GP and causes the content/sidebar area to be squished together. I’ve tried adding CSS for that page only to make the sidebar wider so it goes off to the right more (similar as to how it is on other pages of the site), but nothing’s working yet. Is there some custom css I can add to do this? I added
    .page-id-12 .inside-article {
    padding: 15px 170px 40px 40px;
    }
    .page-id-12 .inside-right-sidebar {
    padding: 5px 0px 40px 0px;
    }
    and it helped a bit, but it still looks squished.

    #1354840
    David
    Staff
    Customer Support

    Hi there,

    ooh that is super annoying…
    Try this brute force approach lol:

    @media (max-width: 768px) {
        .page-id-12 #primary {
            min-width: 100vw;
        }
    }
    
    @media (min-width: 769px) {
        .page-id-12 #primary {
            min-width: 700px;
        }
    }
    
    @media (min-width: 1150px) {
        .page-id-12 #primary {
            min-width: 862px;
        }
    }
    #1355632
    Sue

    That worked! Thanks!!

    #1356139
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.