Transparent header transition to solid background

So i have quite a few things going on in the Trade 15.0.0 theme. I have created a transparent header and a hover menu which i want to be transparent with white text. Right now the header is transparent until you scroll, then it turns solid, (the hover menu and sub menu stay either transparent or white. i changed it manually so it was possible to see what it should look like). Ideally, i would want to change when the user scrolls past the video background onto the white background of the website. Also have a problem with the mobile version. The header disappears and the title font size is way too big. In the mobile version it would be fine to just have a solid header.

Hope someone out there can help a shopify noob :slightly_smiling_face:

Link: https://koekkenpro.myshopify.com/

Password: ditprokokken

Hi there, @jones6 . Thanks for taking the time to reach out to the Shopify Community Forums with your theme questions! My name is Imogen. It’s good to meet you!

Just to set expectations quickly, Shopify Support Staff are not trained on coding, so I won’t be able to advise on what specific coding changes you’ll need to make to achieve your desired functionality. With that being said, you’re using a Shopify developed theme, so our Theme Specialists may be able to lend a hand with these changes! You can reach out to our Authenticated Support Team via our Help Center to see if these changes are within our scope of support for the Team.

Beyond that, you’ll need to get some suggestions from third party developers on these changes! You can reach out to some developers or Experts directly via our Partner Directory, or they may stop by here and provide some suggestions!