Display WooCommerce Widget Before Page Content on Mobiles

Comments

• Phil

  December 2022

  Hello,

  To move your sidebar above the mobile-only content, you must use the Custom JS code.

  Please, follow all of the steps written on this topic on our support center: https://support.muffingroup.com/how-to/how-to-display-sidebar-above-the-content-on-mobile/.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• cheesedesigns

  December 2022

  Hello

  I tried that but for some reason, it's coming up blank on the page. Not sure why.

  Many Thanks Chris

  p.s. I've had to turn it off or it wont work.
• Phil

  December 2022

  Did you remove this JS from your website? If yes, please, put it back, and I will check what might be the reason.

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• cheesedesigns

  December 2022

  Hi Phil,

  I have put this back in now so you can take a look.

  Thanks Chris
• Phil

  December 2022

  Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS:

  @media only screen and (max-width:767px){
     .mcb-sidebar{
     z-index: 1!important;
   }
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• cheesedesigns

  December 2022

  Thank you greatly appreciated ?️