How to remove sidebar on Mobile above woocommerce products

This topic has 4 replies, 3 voices, and was last updated 10 years, 8 months ago ago by Stan Russell

  • Avatar: josh9787
    josh9787
    Participant
    March 22, 2015 at 04:06

    Hi there.

    firstly, thanks again for all your support it is greatly appreciated.

    just another issue looking to solve.

    In mobile/responsive version of our site when viewing any product, the widget area “single product page sideabar” shows above the product image and information. This takes up alot of real estate and load time. is there a way to remove this widget area when people view from a mobile device?

    Kind regards

    3 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    March 22, 2015 at 20:34

    Hello,

    Please add this code in custom.css file:
    @media (max-width: 480px) {

    .sidebar {
        display: none;
    }
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: josh9787
    josh9787
    Participant
    March 23, 2015 at 01:12

    Thanks 🙂

    Avatar: stan
    Stan Russell
    Participant
    March 23, 2015 at 08:37

    Hello,

    you are welcome!

    Regards,
    Stan Russell.

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

The issue related to '‘How to remove sidebar on Mobile above woocommerce products’' has been successfully resolved, and the topic is now closed for further responses

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