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

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

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 .