• 

  masseyn

  Participant

  November 19, 2018 at 02:54

  Hi,

  I am trying to hide the shop navbar on tthe left hand side when viewing on a mobile.

  I searched on the web and added:

  @media (max-width: 768px) {
  .woocommerce .sidebar {
  display: none;
  }
  }

  This appeared to work but that was on a browser test as a mobile. Looking on my iphone it is still there and forces the products to show below it so a bit of a scroll on mobile !?

  Please help….

  Please, contact administrator
  for this information.

  #204105 Copied Theme version: 4.5.1 child 1.0 WooCommerce version: 3.5.1
  1 Answer
  

  Rose Tyler

  Support staff

  November 19, 2018 at 11:14

  Hello,

  The code should work fine on all devices up to 768px screen width. Try to clear cache in the mobile browser and check one more time.
  Or you can delete the custom code and use “Sidebar by click on mobile” (Theme Options > Products Page Layout). Also, “Sidebar position for responsive layout” can be changed via Theme Options.

  Regards

  #204137 Copied
• Viewing 2 results - 1 through 2 (of 2 total)