Archived topic

How to switch off sidebar on mobile

3 replies · Started by ustar on August 16, 2019

Viewing posts 1–4 of 4

August 16, 2019 at 11:46 pm #986296

Hello, there!

I have set left sidebar/content layer for woocommerce shop page and for single-product page.

How can i hide this sidebar for mobile devices?
The cause is: this sidebar displays after content and have no usability at all.

For mobile devices I will prefere to use widgets from this sidebar in Off Canvas panel.

Regards, Sergey.

August 17, 2019 at 2:49 am #986351

Hi there,

try this CSS:

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

August 17, 2019 at 4:02 am #986371

Hi, David!

Works great! Thank you!

Best wishes, Sergey.

August 17, 2019 at 4:06 am #986377

You're welcome

This archived topic is closed to new replies.