Solved Categories pages are dropping CSS styling

I've customized the menu on this site so that the menu is fullscreen dropdown when activated by the mobile menu trigger element, the Hamburger, and the Hamburger icon has been replaced by the text 'MENU' with CSS in the Theme OPtions Custom CSS. It's also customized so that the mobile menu trigger element is on for desktop. You can see it here, it works fine Products New - Vacuum & blowing solutions | VABS Ltd (thewebsiteguardians.dev).

The problem is that the categories pages, which have their own template but are using a duplicate of the header template element, for some reason the CSS is not working. The mobile trigger element customization is not working; it's calling the original font 'ETmodules' when it it should be using 'CommutersSans-ExtraBold'. There doesn't appear to be any reason that I understand, it's using the same 'everything' as the pages that are working.
Here's an example of it not working, Edwards Vacuum Archives - Vacuum & blowing solutions | VABS Ltd (thewebsiteguardians.dev)

It should be using these styles:

1. font-family: 'CommutersSans-ExtraBold',Helvetica,Arial,Lucida,sans-serif!important;
2. content: "MENU" !important;

There's a similar issue with the CART icon, though I suspect if I can solve the MENU problem I'll know what's going on with the Cart item.

Do the category pages require any special attention when adjusting the CSS for them?

Grant

 

Great! Thank you, that's sorted the issue for the MENU item. And based on what you've shown me I could sort out the broken styling for the Cart's replaced icon as well!