Hiding product categories on the shop page

There are situations in which you might not want to display the product categories at the top of your shop page.

To hide them, all you need to do is add the code below in Appearance → Customize → Additional CSS:

.woocommerce-products-header .woocommerce-categories {
display: none;
}

Here’s a before and after picture.

The shop before and after product categories were removed
Updated on January 6, 2022

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.