[Support request] How do I disable right sidebar in tablet view?

[Ian]

Hi,

My site uses a right sidebar, which looks great on desktop and mobile, but it’s not good in tablet view. How do remove the sidebar in tablet view and place its contents below the body as it does in mobile view?

Ian M

[Fernando]

Hi Ian,

For reference, can you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Ian]

Hi Fernando,

Yes, it is https://moneytree.express/

[David]

Hi there,

try adding this CSS:

@media(max-width: 1024px) {
    .site-content {
        flex-direction: column;
    }
    #primary,
    #right-sidebar {
        width: 100%;
    }
    site-main .site-main  {
        margin-right: 0
    }
}

[Ian]

Great, that worked perfectly. Many thanks, David and team!!!

[David]

Glad to be of help!

[Author]

Posts