I'm needing a fixed full size background in a section that is below the navbar. When I get down to mobile, and toggle my navigation, it pushes the section down including the image - but once fully expanded it will go back up while the content stays where it is meant to.
If I change the background from fixed then my content will be too long for the image's height and this is not what I'm after.
Can anyone offer a solution?
I've included a codepen below - please note this is just a snippet to provide an example.
(need to provide code to link codepen)
You need to add some css to
.nav--lower. Try adding:
position: absolute; z-index: 1;