Navbar background change after entering a certain viewport


I’m trying to change the background of the Navbar or just hide it after a certain view port
Basically when it enter a section with another background, I need it to change. I’ve gone through different forums for the same but it hasn’t helped.

Ideally want the look from this website for the navbar:

I’ve tried cloning , but it still hasn’t been helping.

Thanks, will be waiting to hear back on this ASAP

provide your share link for your site so we can see what might eb the issue and help you better.

That site is using some script to do that. It is unecessary to do what you want. You just need to create a scroll trigger and change the background color of that element once you scroll to a certain point or section.

I found this video that will help.