Woocommerce Customization

I'm gonna guess the display rules are the issue.

Can you take a screenshot of what you are using here?
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Screenshot added. Interestingly, it is just happening on the shop page now. Not checkout or product pages individually. hmm

I've also removed exclusions to see, same thing...

Instead of Page > Shop, try Product Archives instead:
https://www.screencast.com/t/pS1KAY0i

Returning to try today, thanks Leo - That worked. I also had to add product, all products for future reference to ensure.

Thanks for your help!

No problem :)

So, I did also have a follow-up problem with the above we were working with too. The above worked to create a different header - black background etc. on desktop only. When viewing on mobile/tablet the same issue of transparency is showing up (see screenshot). Any ideas how to fix this issue for mobile/tablet on product and product archive pages? I tried creating a block element etc. Didn't work. Thanks again. Also, I never figured out where the grey margins top and bottom were coming from on products/archives pages or how to change them or their color. Please help with this also, because it may be one way to solve the first issue too.

Thanks!

Can you please start a new topic and link us to the page(s) in question?

This one is getting too long already.

Thanks!