Move sidebar to top on mobile

This topic is empty.

Viewing 3 reply threads

Author

Posts
- Reply
  August 16, 2023 at 4:59 pm #3124
  Paul
  Guest
  
  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.
- Reply
  August 16, 2023 at 5:28 pm #3125
  Paul
  Guest
  Solved it using code below.
```
(function($) {
if ($(window).width() < 991) {
$("#woo-sidebar-wrapper").insertBefore("#woo-products-wrapper");
}
})(jQuery);
```
- Reply
  August 16, 2023 at 5:45 pm #3126
  Paul
  Guest
  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;
}
}
```
- Reply
  August 17, 2023 at 6:56 am #3127
  Spiracle Themes
  Guest
  
  Good to hear it 🙂
  
  Let us know if you have any questions
  
  Best Regards
Author

Posts

Viewing 3 reply threads