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?
(Realized I posted a broken link before)