remove woocommerce category sidebar on mobile

Home Forums Legacy Support Support queries Styling issues remove woocommerce category sidebar on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #384374
    kamhang
    Participant
    Hi, How can I remove woocommerce category sidebar on mobile and ipad portrait mode(vertical)? Thank you.
    #384408
    Veronica
    Moderator
    hi can you please provide an exact screenshot from where you want to hide that and also share the page URL
    #384411
    kamhang
    Participant
    This reply has been marked as private.
    #384454
    Veronica
    Moderator
    hi we can hide that sidebar for mobile devices but not for specific mobile devices it will be hidden for all types of mobile devices.
    #384480
    kamhang
    Participant
    Hi, OK, How to achieve this
    #384493
    Veronica
    Moderator
    hi use this: @media(max-width:767px){ .productsidebar{ display: none; } }
    #384573
    kamhang
    Participant
    This reply has been marked as private.
    #384574
    kamhang
    Participant
    This reply has been marked as private.
    #384620
    Veronica
    Moderator
    remove the above code and use this
    @media(max-width:767px){
    .productsidebar{
    display: none;
    }
    .woocommerce-page .col-md-9.col-sm-8.col-9 {
        max-width: 100% !important;flex: 0 0 100% !important; width:100%
    }
    }
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘remove woocommerce category sidebar on mobile’ is closed to new replies.