Woocommerce categories placement on mobile

[Feheleyfinearts]

Hi,
I just noticed that the woocommerce categories on mobile are placed at the very bottom of the page. How can I have them show at the top of the page? Here’s a link to the page. https://feheleyfinearts.com/artwork/

[prakash_s]

Hello @Feheleyfinearts,

Thanks for writing to us.

Regretfully there is no option for that at the moment but you override the theme style to change the order of the default layout. You need to add this custom CSS code to the Global CSS.

@media(max-width: 978.98px){
.woocommerce-page.archive .x-container.max.width.offset {
display: flex;
flex-direction: column;
}
.woocommerce-page.archive .x-main.left {
order: 2;
}
.woocommerce-page.archive aside.x-sidebar.right {
order: 1;
}

}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks