Hide sidebar on mobile for shop and shop archives pages

[Kim]

Hi there, how can I hide the sidebar for shop and shop archives pages on mobile views?

Many thanks in advance!

BR Maike

[David Customer Support]

Hi there,

try this CSS to remove the right sidebar:

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

If you want to remove the left-sidebar then change #right-sidebar to #left-sidebar

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

[Author]

Posts