Website is currently still in development, running on localhost. I want to move the sidebar to top on mobile. The sidebar has to be on the right side on desktop, but want to have it on top on mobile. Prefer to do this with jQuery also.
Solved it using code below.
(function($) {
if ($(window).width() < 991) {
$("#woo-sidebar-wrapper").insertBefore("#woo-products-wrapper");
}
})(jQuery);Not working as it should. With the CSS below it does, but prefer jQuery to get it working.
@media only screen and (max-width: 991px) {
.page-content-area > .row {
display: flex;
flex-direction: column-reverse;
}
}Good to hear it 🙂
Let us know if you have any questions
Best Regards