Support » Theme: GeneratePress » sidebar at breakpoint

  • Resolved adfyouzendnet

    (@adfyouzendnet)


    Hello!
    The structure of my site: the left sidebar – content – the right sidebar.
    How to do so:
    1. At the breakpoint 1024 – right sidebar moves down (visible only the left sidebar and content)
    2. At the breakpoint 768 – left sidebar moves down (visible only the content)?
    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter adfyouzendnet

    (@adfyouzendnet)

    I added this code, it works correctly in the case of “sidebar-contant-sidebar”.
    But at “content-sidebar” and “without sidebars” in the range of 768-1024 on the right there is a strip.
    Test site: http://a0189564.xsph.ru/

    @media (min-width: 769px) and (max-width: 1024px) {
    #primary {
    width: 75%;
    }
    #right-sidebar {
    width: 100%;
    }
    #left-sidebar {
    left: -75%;
    }
    }

    Theme Author Tom

    (@edge22)

    Might be best to only apply your CSS to pages with both sidebars:

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

    Let me know 🙂

    Thread Starter adfyouzendnet

    (@adfyouzendnet)

    It’s great!
    Everything works, thank you very much.

    Theme Author Tom

    (@edge22)

    You’re very welcome 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘sidebar at breakpoint’ is closed to new replies.