[Resolved] Need help disabling Elements on Product Category page

[Shaun]

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.

[David]

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;
}

[Shaun]

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.

[David]

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.

[Shaun]

Yeah it works! Thank you! 🙂

One last thing (sorry to be a bother), but how do I disable the sidebar?

[David]

Hi Shaun

you can disable sidebars on Woo archives and Woo product pages from the Customiser > Layout > Woocommerce

[Shaun]

It doesn’t work on the Checkout-2 page though. Can I do it via CSS? Or, even better, can I disable it globally?

[David]

Hi Shaun,

If you want the sidebar removed globally across the site, you can do this from the Customiser > Layout > Sidebars.

Let me know

[Shaun]

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?

[David]

Glad to be of help Shaun

We prefer a new topic for a new subject.

[Shaun]

Cool thanks 🙂

[Author]

Posts