Move sidebar to top on Mobile view

tvector · May 2019

Hello, I'd like to be able to move a Sidebar with a widget to the top of the page instead of the bottom of the page when viewing in mobile.

Do you have the CSS to achieve this?

Pablo · May 2019

Hi,

Please paste that code into the Theme Options > Custom CSS & JS > JS

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

Thanks

tvector · May 2019

Hi Pablo, thanks, but this doesn't seem to have done anything. You can check the page here.

https://lucidway.com/g2newsite/shop-g2/

Thanks in advance.

Bryan · May 2019

Can you show us on a screenshot where did you paste this script? We normally do not hand over JS scripts but this was was posted by one of our users and it should work fine.

thanks

tvector · May 2019

Hi Bryan, yes, see this.

https://www.diigo.com/item/image/6efu8/xc5a

thank you.

Pablo · May 2019

I updated the code above - It was mistake on our side.

This code above will gonna work now.

So, please remove the old code and copy that new I updated above.

Thanks

tvector · May 2019

Pablo, thanks for trying, but the widgets still show on the bottom in mobile. I did try to clear my cache, etc. No luck. Anything else I can try?

See it here.

https://lucidway.com/g2newsite/shop-g2/

tvector · May 2019

Actually it does work if you turn off Boxed to Full width on mobile in Theme Options.

It does not do it automatically on a desktop... you have to refresh the page. Do I have this right now?

Pablo · May 2019

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

tvector · May 2019

Thanks, it's sent.

Pablo · May 2019

It's working fine, but the script is loading when the website loads.

That means, if you use Inspector to check it on mobile, then you have to refresh your website when your mobile resolution is set.

Thanks

tvector · May 2019

Thanks, yes it loads fine straight off my phone. Many thanks again!

Move sidebar to top on Mobile view

Comments