Switch places on Shop page on the Products with Categories

Hi !

Is there an easy way to change the display that the categories shows up first instead of the products on responsive mode ?

Best Regards

Hi,

Try to add this code snippet to the Custom CSS for mobile devices in Theme Settings to swap content and sidebar position.

.post-type-archive-product .main-page-wrapper .container .row {
	display: flexbox;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: rpw;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

.post-type-archive-product .main-page-wrapper .container .row .site-content  {
	-webkit-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;
  	order: 2;
}

.post-type-archive-product .main-page-wrapper .container .row .sidebar-container  {
	-webkit-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	width: 100%;
  	order: 1;
}

Regards

Didn’t seem to work :/

But we don’t see this code added anywhere on your website.

[Author]

Posts