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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 1 reply, 2 voices, and was last updated 3 years, 7 months ago by David.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
February 10, 2022 at 4:54 am #2112387

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.

February 10, 2022 at 10:47 am #2113070
David
Staff
Customer Support
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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.