Conflict on woo commerce Shop Page

There are various design reasons why I need to keep my solid/semi-transparent menu on some pages and not on others i.e. in Shop Categories/Products the transparent Menu appears over the top of the breadcrumb area, so the menu needs to act “solid” on these pages in order to push page content below the menu wording/logo. With this in mind I entered the semi-transparent [Quick CSS] I found on another KLEO forum thread to make the whole site’s “solid” Menu Header semi-transparent* just like it is as per the standard scroll/shrink design.

I have 2 issues (see attached screen shots): –

1. When the Shop Page is selected in the Woo Commerce widget, the fullscreen slider does not show properly. If the Shop Page is deselected in the Woo commerce widget – the Page displays perfectly?

———————————-

2. Rather strangely, your previous custom CSS (in Child Theme Editor) displays the CORRECT Font on the Shop Page – but not on the other Pages?

FYI some pages I have individually selected the “use transparent menu” “white” option as that page needs a transparent (well semi-transparent menu) for design purposes. And I have the standard Solid/Shrink on Scroll setup in Theme Options as the default.*

PLEASE NOTE that I cannot set the default Menu Theme Option to Transparent Menu as this stops the ability to “push” product category/Product Page info lower down away from the Menu/Header, as stated in the fist paragraph (above).

One this is sorted I’m good to go!