Hide a category in Shop Filtering

Add to Home > Design > Custom CSS

.products.collection-content-wrapper .category-filter-item:nth-child(15), .products.collection-content-wrapper .category-filter-item:nth-child(15)+span {
    display: none;
}

legend, thanks Tuan! - always a great help.

last question - my objective with the above request is to hide a category, but also hide the product associated with that category with the shop. 

i have the regular store, but i also have a hidden area on the site where we had other products (filtered by the hidden category) to buy. can i keep the other products from showing up in the regular store? or do i need to create a new store within the site?

Thanks Tuan

Tuan, again, to the rescue. 
For the second part - the above question - he gave me the below code, which worked great

Add to Home > design > custom CSS

Hi I'm trying to do this as well but can't seem to get the code to work, no idea what I'm doing to be honest..! 

Trying to hide the category and products in "Digital" : https://www.felixcollier.co.uk/gallery

Any help would be greatly appreciated.

On 5/6/2020 at 9:29 AM, tuanphan said:

Add to Home > Design > Custom CSS

.products.collection-content-wrapper .category-filter-item:nth-child(15), .products.collection-content-wrapper .category-filter-item:nth-child(15)+span {
    display: none;
}

 

On 10/4/2020 at 9:52 PM, FelixCollier said:

Hi I'm trying to do this as well but can't seem to get the code to work, no idea what I'm doing to be honest..! 

Trying to hide the category and products in "Digital" : https://www.felixcollier.co.uk/gallery

Any help would be greatly appreciated.

 

Add to Gallery Page Settings > Advanced > Header

<style>
  nav.category-nav {
    display: none;
}
</style>

Hey @tuanphan I'm trying to make this work for my site https://www.simplybeautifuldecor.ca/shop 

I want to hide the category "Debutante". Can you help? Above code isn't working for me. 

Thank you!!! 

Add the following to Store Settings > Advanced > Page Header Code Injection.

<style>

  /* hide debutante */
  
  .ProductList-filter-list-item:nth-child( 3 ) {
  
    display: none;
    
    }
    
  </style>

This is for a v7.0 site using the Brine template and is customized for @deandra.olivieri's needs as of this posting.

This CSS is hiding debutante based on position in categories. If the categories change then the position will need to be updated.

Let us know how it goes.

Hey @creedon thanks for this! FYI for other's readying this—the code did not work under Store Settings > Advanced > Page Header Code Injection. It did however, work when I simply inputted 

  .ProductList-filter-list-item:nth-child( 3 ) {
  
    display: none;
    
    }

Under Design > Custom CSS. 

Thank again!! 
D

On 12/2/2020 at 5:14 AM, deandra.olivieri said:

the code did not work

I fixed a syntax error so it should now work in the original intended location. Either works really just depends on how one wants to organize their code.