[Resolved] How to Disable the sidebar on mobile?

[Stephane]

Hello

How to Disable the sidebar on mobile? By default, it is displayed below the content. I would like not to display it at all?

Regards

[David]

Hi there,

this CSS to remove the right:

@media(max-width: 768px) {
    #right-sidebar {
        display: none;
    }
}

this to remove the left:

@media(max-width: 768px) {
    #left-sidebar {
        display: none;
    }
}

OR this to remove both:

@media(max-width: 768px) {
    #right-sidebar, #left-sidebar {
        display: none;
    }
}

[Stephane]

Thx David ❤️

[David]

You’re welcome

[Neal]

DAVID

I went looking for a way to disable my blog’s sidebar on mobile screens and found this page. and your solution worked perfectly.

Thanks!

NEAL

[David]

Hi Neal, – glad you found it of use 🙂

[Author]

Posts