I'm trying to hide the sidebar on product page when the visitor is on mobile. Any idea how to achieve it? Thanks

1 Answer 1


You can hide it with responsive css.

@media only screen and (min-device-width: 480px){
   .sidebar_class { display:none }

add "sidebar_class" to sidebar main div or replace .sidebar_class with your sidebar main class in above CSS.

you can find media query details from below referenc https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.