Hi there.
last week i started a topic called: HOW TO REMOVE SIDEBAR ON MOBILE ABOVE WOOCOMMERCE PRODUCTS.
Just to update on this i questioned the following.
“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”
you provided the answer with.
“Hello,
Please add this code in custom.css file:
@media (max-width: 480px) {
.sidebar {
display: none;
}
}
Thank you.
Regards,
Eva Kemp.”
after doing this i realised it did indeed fix the mobile issue.
however after just realising, the sidebar on desktop version on products is gone. How can i get this back but still have mobile hidden.
Thanks