How to keep nav bar transparent and dropdown menu fill screen with black?

So I’m creating a welcome screen with an auto video loop. I would like my nav bar to be transparent, and have the dropdown menu cover the whole screen with black. Right now it’s creating a separation between the nav bar and the menu. I feel like it’s a simple solution, but I can’t figure it out…


Here is my site Read-Only:

https://preview.webflow.com/preview/lri-test-02?utm_medium=preview_link&utm_source=designer&utm_content=lri-test-02&preview=6400e0248a0a0c2cd009d66e8db747a6&pageId=632b300fdb2dc61f7814687c&workflow=preview

An easy way might be to just create an interaction that fires on “Navbar opens” to change BG color to black, and back to transparent on “Navbar closes”

That works perfectly, thank you!

1 Like