CSS for WooCommerce products page

Hello,

I am struggling with setting up the menu navigation style in my WooCommerce shop. For some reason, everywhere but on my home and product category pages, the menu is displayed in white. And, well, on the homepage this is as desired since I have a dark background but for the shop it is white on white. Oddly enough, if I open a product or the shop main page, the menus look fine.

I have been pulling my hair trying to modify it with custom CSS but it just never responds. It is weird that when I preview my custom CSS in the admin panel, the changes are all applied as intended. Then I click publish and… nothing.

A part of my CSS code that works in the preview:

.wp-embed-responsive.theme-simclick.ect-post.woocommerce  #primary-menu  li.menu-item a {
color:#000000;
}

I have tried using page ID’s, too, but it doesn’t do help at all – not even in the preview window. So the page that I linked to is ID 20 if that would be of any help.

Regards,
Maria

The page I need help with: [log in to see the link]