Archived topic

Remove woocommerce sidebar in mobile

3 replies · Started by Alberto on August 3, 2017

Viewing posts 1–4 of 4

August 3, 2017 at 5:44 am #359067

Hello.

I'm using a left sidebar only in Woocommerce pages but I want to disable it in mobile devices.
I was looking at this topic but I'm not sure if the best approach is via CSS or via Hooks...

Could you tell me how to hide/disable the Woocommerce sidebar in mobile devices?

Thanks

August 3, 2017 at 9:04 am #359154

Hi there,

Give this CSS a shot:

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

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

August 3, 2017 at 9:24 am #359167

Thanks Leo, works fine!

Using CSS is the best choice?

With secondary menu I just want to do just the opposite i.e. disable it for resolution greater than 768px, so should I use also CSS?

Regards.

August 3, 2017 at 11:47 am #359291

CSS should fine.

Yup something like this:

@media (min-width:769px) {
    .secondary-navigation {
        display: none;
    }
}

This archived topic is closed to new replies.

Start building better websites today.