[Support request] Breakpoint not working after upgrading to GP 3.0

Home Forums Support Breakpoint not working after upgrading to GP 3.0

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1475959
    Vlad

    Hi!
    There are 3 sidebars on the site. At breakpoint 1124, the right sidebar becomes 100% wide and falls down below the left sidebar and content. In this case, the width of the left sidebar becomes 25%, the width of the content – 75%.
    After upgrading to GP 3.0.0, the right sidebar does not fall down at breakpoint 1124.
    What can be done?
    Thanks for your help.

    Here is the current code:


    @media
    (min-width: 769px) and (max-width: 1124px) {
    .both-sidebars #primary {
    width: 75%;
    left: 25%;
    }
    .both-sidebars #right-sidebar {
    width: 100%;
    }
    .both-sidebars #left-sidebar {
    left: -75%;
    width: 25%;
    }

    #1476193
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (min-width: 769px) and (max-width: 1124px) {
        .site-content {
            flex-wrap: wrap;
        }
    
        .both-sidebars #primary {
            width: 75%;
        }
    
        .both-sidebars #right-sidebar {
            width: 100%;
        }
    
        .both-sidebars #left-sidebar {
            width: 25%;
        }
    }
    #1476326
    Vlad

    Everything is great, thanks for your support!

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