[Relay Theme] How to remove product count from navigation menu?

[ClayHutch]

Hi there, I just started building an online shop, and I cannot disable the product count on the navigation menu.

*the number “1” (one product) in the level 2 menu “Rompers”.

I have gone to the CSS “theme.css” tried the following codes, and nothing:

1

.collection-count, .card__subtitle, .unit-quantity, .collection-list__item-count { display: none !important; }

2

.menu-drawer__menu-item .count, .header__menu-item span:last-child:not(:first-child), .header__menu-item .collection-count, .mobile-facets__item .count { display: none !important; visibility: hidden !important; opacity: 0 !important; }

3

[class*=“count”], [class*=“quantity”], .header__menu-item span[data-count] { display: none !important; }

Could you please give me a hand with this? I am helping a family member start a business, and learning in the meantime. I hope it is possible, thank you in advance!

Best.

G

[Mustafa_Ali]

Hey @ClayHutch Welcome to Shopify Community can you please share the Website URL & also share the screen shoot that you want to hide

[Maximus3]

You don’t need to do all that. Just go to the theme editor, select the header section, scroll down to “Custom CSS” and paste this

.sup {
  display: none;
}

[ClayHutch]

Thank you, Maximus3!

[david11330]

谢谢，学到了，原来可以这样！！！！！！！！！！！！