Help me!
I'm developing a layout like you can see, and even with nav overlapping body , when I roll the page in nav , body scrolls. Can you help me?
I would like nav to have 100% height and that when I try to roll, do not give, or at least, do not roll body . If it is to use z-index , please explain to me why I do not know how to use this tool.
To view the site: link (note that I'm developing via mobile-first)
picture:
If I understand your question very well, you just use position: fixed; so that your menu always stays fixed at the top, so the body of the site runs and it does not leave its fixed position, but if your intention is to open menu and push content down, you just specify display for the upper element, block will always cover the whole area. On the z-index, and simple friend, imagine your site in layers, where z-index default is zero, but if you determine manual for each element and by chance they over-on each other, would be over. a div with z-index: 1 will stay on top of one with 0. These values, it is up to you to place, as long as there is control.
