Navbar Animation *Willing to pay for help*

Hello,

I have a navbar with 2 animations:

1 - It has a transparent background and when it scrolls past the hero section, the navbar gets a solid beige background.

2 - When you hover over certain menu link ex: ‘Shop’, the navbar becomes green. Hover out and the navbar becomes beige.

My problem is when I’m over a hero section where the navbar is meant to be transparent. It will inherit the beige background colour when you hover in and out of it. Is there a way so that it remains transparent over a hero section?

TIA :sparkles:

(Realized I posted a broken link before)

https://preview.webflow.com/preview/p-i-n-eee?utm_medium=preview_link&utm_source=designer&utm_content=p-i-n-eee&preview=337ab432e669ad946c443efe4ec03e06&mode=preview


Here is my public share link: LINK
(how to access public share link)

Hey Johnelle!

Both of these should be fairly simple to accomplish. I would be happy to help you out.

I am available now if you would like to chat. Feel free to shoot me an email at tyler@ccmediawv.com!

1 Like

Bump! I had previously posted a broken link. Looking to see if anyone can help.

Hey Johnelle. Would gladly help you with this. I recently helped a client with a similar issue so it should be a quick tweak.

Email me at hej@lykadstudios.se and let’s take it from there.

1 Like