从Wordpress woocommerce商店页面上的类别列表中删除子类别

Question

I'd like to remove subcategories ("CHOCOLATE", "CRACKERS", "FRUIT PASTES" "PICKLES, RELISHES AND HONEYS") from the list of categories at the top of my woocommerce shop product pages above my products, please see example:

http://www.partisan-deli.co.uk/index.php/product-category/beautiful-blues/

I have tried various php solutions listed on this website however none of them have seemed to have worked. If I inspect one of the subcategories on the list in chrome them I can hide it by styling the element with display: none; however all the categories in the list simply come up as a.inactive when I inspect them so I am not sure how to target specific examples.

Does anyone have a solution?

Cheers,

M.

Answer 1

What do you think of this?

.shop-categories > li:nth-child(2),
.shop-categories > li:nth-child(3),
.shop-categories > li:nth-child(4),
.shop-categories > li:nth-child(5) {
  display: none;
}