Move Sidebar to Top of Content in Mobile View (Default is Bottom)

OxRun · August 2015

When I view my website at mobile resolution, the sidebar is displayed BELOW the page content.

I would like to have the sidebar display ABOVE the page content at mobile resolution.

Thank you!

Albert · August 2015

Hi,

this is how responsive mode works. Sidebars are always below the content and it is unfortunately not possible to display them above.

Thanks for understanding!

whitelotusdesign · September 2018

Hi i need this also!

Bryan · September 2018

Hello,

all we have is a simple jQuery function

jQuery(function($){
     if($(window).width() < 768) $('.sidebar').insertBefore('#Content');
});

thanks

mobiler1 · November 2018

in an ecommerce it does not make sense to search and the shopping cart appears at the end, how can we solve this?

mobiler1 · November 2018

where i put this jQuery function?

Bryan · November 2018

You can place that function in theme options>custom css&js>js

thanks

bocanegra88 · October 2020

does not work for me. the product categories doesnt appear.

Phil · October 2020

bocanegra88,

Does the sidebar appears at all?
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Move Sidebar to Top of Content in Mobile View (Default is Bottom)

Comments