How to make transparant menu bar non-transparant on product pages?

Hi all,

For our website adfarm.nl we have created a transparant menu-bar with a section from section.store. We really like that it is transparant at the top of our pages.

First question - non-transparant on specific pages

But at our product pages it can’t be transparant, because on that pages you can’t see the menu bar right know. Is it possible to make it non-transparant on the product pages only? (example: https://adfarm.nl/products/groeiscan).

Second queston - only sticky on mobile

The menu bar is sticky. Great on mobile. but not likely on desktop. Can we put the sticky bar off, only for desktop?

Looking forward to your reaction.

Thank you in advance.

Kind regards,

Sem van Haren