I am not using the Theme technically as an Ecommerce Site, but just as a non-transactional Product Catalogue. So:
1. How do I remove the Basket Icon from Mobile Devices?
2. How can I Edit OR totally Remove the ‘Sort By’ options Dropdown on the Catalogue Page? I would still like to keep the ‘Display’ options Dropdown.
Hey thatclick!
Add this to your custom CSS.
.sort-param { display: none !important; }
@media screen and (max-width: 767px) {
.cart_dropdown { display: none !important; }
}
Cheers!
Elliott
Thanks Elliott,
And a solution for the ‘Sort By’ options?
Hi!
The first line of my CSS code should be hiding it. Try clearing your browser cache and any caching related plugins you might have installed.
If not then go ahead and send us a link to the exact page and take a screenshot highlighting what your referring to so we can get a better idea.
Cheers!
Elliott
Hi Elliott,
Yes, it Totally Removes all of the ‘Sort By’ options, BUT also the ‘Display’ options Dropdown! I would still like to keep the ‘Display’ options Dropdown, if possible?
Is there a way of Editing the ‘Sort By’ options choices? I don’t need ‘Sort by Price’ and some of the others may be irrelevant too.
Hey!
Oh I see, I didn’t see the other classes. Use this instead.
.product-sorting > .sort-param:first-child {
display: none !important;
}
You’ll need to contact Woocommerce support for editing the sorting parameters.
Best regards,
Elliott
Hi Elliott,
No, this doesn’t work.
I have tried on its own and with the CSS which removes the Basket Icon from Mobile Devices (you sent earlier) and neither works.
can you please investigate?
Hi!
Elliott’s code is working for me. It hides the sorting option. Clear browser cache and hard refresh a few times.
Regards,
Andy
OK. Yes, working now.