Docs

[bigboxhead]

Hi,

How would I make widgets that I have in a sidebar go to the top when viewing a product category on a mobile?

Currently they always are pushed to the bottom.

The page for an example is http://www.strawberryandblue.com/product-category/womens-t-shirts/

Thanks very much

[Rue Nel]

Hello There,

Thanks for writing in! By default, the content area will appear first and then the sidebar area when viewed on mobile or smaller screens. If you want to display the sidebar first, there are many ways that you can do that. One of the easiest would be by using a JS code. Please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $(window).on('load resize', function(){
    var W = $(window).width();
    if ( W < 980){
      $('.woocommerce .x-sidebar').insertBefore('.woocommerce .x-main');
    }
  });
})(jQuery);

We would loved to know if this has work for you. Thank you.

[Author]

Posts