Return to previous page

Move Mobile Sidebar on "Products" page from bottom to top?

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

GregDougherty

Participant

November 1, 2017 at 23:59

Good Afternoon,

I was wondering if someone could help me move the sidebar on mobile version from the bottom of the page to the top..

The reason being, our store categories are in that sidebar and it makes no sense for them to be below the actual items.

You can see what I mean here: http://opulentbeds.com/shop/

Thanks in advance, Greg.

#176620 Copied Theme version: 3.4 WooCommerce version: 3.2.2

3 Answers
Rose Tyler

Support staff

November 2, 2017 at 08:48
Hello,

Thank you for purchasing our theme and for reaching us.
Please add this code in custom.css:
```
@media (max-width:767px){
	body.archive.woocommerce .page-content > .row-fluid{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}
```
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

Regards
#176636 Copied
GregDougherty

Participant

November 2, 2017 at 13:08

Seems to work fine on the “Inspect” panel when editing on Desktop but not on an actual mobile.. Any ideas?

#176674 Copied
Rose Tyler

Support staff

November 2, 2017 at 13:14
Please change the code to:
```
@media (max-width:767px){
	.post-type-archive .page-content > .row-fluid{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}
```
then clear cache and check.

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