Archived topic
Need help disabling Elements on Product Category page
10 replies · Started by Shaun on May 28, 2018
Hi Tom and Leo,
Is there any CSS code I can use to disable the Site Header on my Product Category pages, e.g. https://swordsandstationery.com/product-category/uncategorized/ ?
Many thanks in advance!
P.S. Would be great too if there's a way to disable it on the Checkout, Cart, and other similar pages.
Hi Shaun,
you can try this CSS to remove from Product Categories, Cart, Checkout and account:
.tax-product_cat .site-header,
.woocommerce-cart .site-header,
.woocommerce-checkout .site-header,
.woocommerce-account .site-header {
display: none;
}Thanks David, that works! Can you also help me with this page? https://swordsandstationery.com/checkout-2/
On a similar note, how do I know what the .class of a page is? I tried to view source but I can't seem to find the .class of the checkout-2 page.
Looks like a JS page, so can try targeting its specific page id, not sure if that will change.
.page-id-13866
if so then:
.woocommerce-js
Inspect the page and look at the body element all the classes are in there.
Yeah it works! Thank you! :)
One last thing (sorry to be a bother), but how do I disable the sidebar?
Hi Shaun
you can disable sidebars on Woo archives and Woo product pages from the Customiser > Layout > Woocommerce
It doesn't work on the Checkout-2 page though. Can I do it via CSS? Or, even better, can I disable it globally?
Hi Shaun,
If you want the sidebar removed globally across the site, you can do this from the Customiser > Layout > Sidebars.
Let me know
Whoop! Disabled sidebars completely. Thanks so much David!
P.S. I have a few upcoming questions relating to WooCommerce and Elementor. Should I start a new thread for each of them, or should I consolidate them into one single thread?
Glad to be of help Shaun
We prefer a new topic for a new subject.
Cool thanks :)
