Return to previous page

How can i make my shop sidebar appear at the top on mobile?

This topic has 4 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

KoolAide187

Participant

September 20, 2016 at 15:40

When I view my website on mobile all my products appear first in my shop and at the very bottom is where my categories are located. How can i make my categories appear on the top in the mobile version of my website?

Please, contact administrator
for this information.

#140213 Copied Theme version: 2.7.2 WooCommerce version: 2.6.4

3 Answers
Rose Tyler

Support staff

September 20, 2016 at 16:03
Hello,

You can add this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.archive .page-content > .row, .woocommerce .page-content > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
}
```
Regards,
Rose Tyler.
#140215 Copied
KoolAide187

Participant

September 20, 2016 at 16:30

Worked beautifully thank you!

#140219 Copied

Rose Tyler

Support staff

September 20, 2016 at 16:54

Hello,

You’re welcome!

Regards,
Rose Tyler.

#140222 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘how can i make my shop sidebar appear at the top on mobile?’' has been successfully resolved, and the topic is now closed for further responses

How can i make my shop sidebar appear at the top on mobile?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection