How to move the shop sidebar on the top on mobile devices in Shop Isle

By default, on mobile devices, the sidebar on the shop page appears at the bottom of the page, just after the products listing. 

If you want to move it at the top of the page, all you need to do is add this code either in your child theme's style.css file, or using WordPress's default Additional CSS option from Appearance > Customize.

@media( max-width: 767px ) {
   .woocommerce.post-type-archive .module-small-shop .container {    
      display: table;    
   }

   .woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
       display: table-footer-group;
   }
}

If you're not sure about how to create child themes, please have a look at this  article .

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.