Archived topic

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

1 reply · Started by Stefan on February 10, 2022

Viewing posts 1–2 of 2

February 10, 2022 at 4:54 am #2112387

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.

February 10, 2022 at 10:47 am #2113070

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;
    }
}

This archived topic is closed to new replies.

Start building better websites today.