[Support request] Move left side bar widget (with product categories) to top of page on mobile

[Stefan]

Hi GP,

I have a webshop where I am happy with the overall look for the tablet and desktop/laptop versions. However, on mobile, I would like to move the left sidebar widgets (that shows the products and colors of the products), from the bottom on the mobile version to the top.

Is there a way to do this with a CSS? I tried but failed to do it properly.

[David]

Hi there,

you can move the left sidebar above the content with this CSS:

@media(max-width: 768px) {
    .left-sidebar .site-content {
        display: flex;
        flex-direction: column-reverse;
    }
}

[Author]

Posts