How to make nav bar background fade?

Hello. On the site below, you’ll notice how the background of the navigation (which I suspect is grey) has a very low opacity — and how it fades out at the bottom:

https://andwalsh.com/info/

Does anyone know how to get this fade effect in Webflow?

Add a linear gradient to the background of the nav div with the bottom edge transparent. Make sure background color is set to transparent as well.

Screen Shot 2020-07-25 at 5.17.19 PM

Screen Shot 2020-07-25 at 5.17.53 PM

Excellent! Thank you 100 times!

How do you have content load so it is already under the nav bar. I have created a transparent gradient, but the image that loads in the body of the page starts just below the nav bar. I’d like it to start with the image under the bar.

Make the nav bar fixed or sticky.

1 Like