Make nav bar opaque when scrolled down

I am trying to make navbar opaque when scrolled down.

I tried transitions and interactions but some like it is not working.

Can some one help me with this issue

Here is my site Read-Only: Webflow - Sarthak's Dynamite Site

I see that your nav is already opaque white and against a white background. Can you explain exactly what you’re trying to achieve?

@Port_of_Folio . If you check the Nav bar at section with logos(Screenshot attached). The nav doesn’t look opaque. Also dropdown menu has same issue when I hover at passing on this section.

Looks more like a z-indexing issue. See screen grab showing how the logos are on top of your nav.

Yeah, you have a high z-index on the navbar but it’s inside of another div called “page wrapper” that has no z-index set. Try applying the z-index on the parent element.

1 Like

Thanks! Its worked perfectly