Hide Shop nav on iPhone Mobile - by masseyn

This topic has 2 replies, 2 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: masseyn
    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.
    1 Answer
    Avatar: Rose Tyler
    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

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.