Is there a way to make the background of the nav bar flow with the scrolling of the background of the body?

https://codepen.io/gtrman97/full/jOVpzLw

Current nav bar is a fixed color but the body background is a linear gradient. As I scroll along can I make the nav background match with body gradient to make it look like it’s always one background?

Sounds like a transparency thing. Absolute position the nav bar to the top

  • use opacity on the background color. This will give a tint to the background which you may need because the content will scroll under the nav bar as well.

  • Background color none maybe, but the content scrolling underneath will interfere with seeing the content of the nav bar

Out of the two the first sounds better to me.

These are the simplest starting points. Something more complex may require Javascript.

What do you think?