remove woocommerce category sidebar on mobile

Last updated on by

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

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 5, 2022 at 8:52 am #384374
    kamhang
    Participant
    Hi, How can I remove woocommerce category sidebar on mobile and ipad portrait mode(vertical)? Thank you.
    May 6, 2022 at 7:49 am #384408
    Veronica
    Moderator
    hi can you please provide an exact screenshot from where you want to hide that and also share the page URL
    May 6, 2022 at 8:34 am #384411
    kamhang
    Participant
    This reply has been marked as private.
    May 7, 2022 at 12:02 pm #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.
    May 8, 2022 at 6:24 pm #384480
    kamhang
    Participant
    Hi, OK, How to achieve this
    May 9, 2022 at 8:55 am #384493
    Veronica
    Moderator
    hi use this: @media(max-width:767px){ .productsidebar{ display: none; } }
    May 10, 2022 at 5:50 pm #384573
    kamhang
    Participant
    This reply has been marked as private.
    May 10, 2022 at 5:57 pm #384574
    kamhang
    Participant
    This reply has been marked as private.
    May 11, 2022 at 3:50 pm #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%
}
}
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘remove woocommerce category sidebar on mobile’ is closed to new replies.