[Resolved] Move Sidebar

[epickenyan]

Hi. I would like to move the sidebar sitewide to below the main content area at a width greater than 768px (preferably 900px or so). This is to prevent the content (especially column content) from being compressed as the width narrows. Is there a way to do that?

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try this:

@media (max-width: 900px) and (min-width: 768px) {
    #primary, #right-sidebar  {
        width: 100%;
        float: none;
    }
    #primary {
        clear: both;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[epickenyan]

Thanks. It worked. Increased the width to 1024px though.

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Or]

I tried adding this to move the sidebar below the content on tablets, but it doesn’t work for me.
Any thoughts?

[Ying]

Hi there,

Can you open a new topic and have the site in question linked in the private info field?

Thanks!

[Or]

Sure, I’m opening a new topic

[Leo]

Just answered:
https://generatepress.com/forums/topic/move-the-sidebar-to-below-the-content-on-tablet/#post-1800601

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts