[Resolved] Move the sidebar to below the content on tablet

Home Forums Support [Resolved] Move the sidebar to below the content on tablet

Home Forums Support Move the sidebar to below the content on tablet

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1800581
    Or

    Hi,

    I want to move the sidebar to below the content on tablets because the content looks too compressed.
    I tried this, but it doesn’t work:

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

    Added my staging site in the private section.

    #1800601
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (max-width: 1024px) {
        .site-content {
            flex-direction: column;
        }
        .site-content .content-area, .site-content .is-right-sidebar {
            width: 100%;
        }
    }

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

    Let me know if this helps ๐Ÿ™‚

    #1800610
    Or

    Works great, thank you!

    #1800634
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.