Thank you so much for this clarity. I have just spent hours building a nav bar from scratch and the overlap was frustrating but I finally done and wanted to see if there was a shorter way to do it and here is so again thanks bud
Im just learning HTML and you have no idea how much simple videos like this help so much. Thanks for explaining straight to the point what the issue was. Congrats on being the one to teach me about z-index existing LOL
I have a class project and the deadline is in a few hours but i have been stuck on this for quite a while now. Thank you soo much for this video. It was just what i needed
We have this individual school project and the deadline is tomorrow. I was about to continue where I left of few months ago and realized I'm still working on the layout. I got stuck here and thank god I found this video. Thanks!
I simply use position sticky instead of fixed. that doesn't cover the contents beneath it and they remain in theri static position. Thanks for the content.
I'm not sure that will work for smaller screens if the header has elements that will wrap. Wrapping means the headers' height will be bigger. Actually, I've just tested before posting. Thus, that's not the final solution keeping into account that responsiveness is a must these days.
got a problem with this one, but with a responsive navbar. whenever i use the scrollreveal animation my responsive navbar overlapped my content, i already set the z-index high and yet it still not working
Actually, I was wrong. The nav bar is fixed, but everything was scrolling UNDER it. Because it was transparent, you could see the text overlapping. I changed the nav bar background to white, which has solved that problem. However, I have 5 buttons which scrolls to a different section of the page. Each section scrolls to the top of the page and doesn't stop at the nav bar. I've been racking my brain for 2 hours but cannot solve it. Can anyone advise?
@@austinedwards6334 Try using display: sticky and set a top value the size of the navbar. It would be so much easier if you could just set the fixed have have the browser change the available area to be reduced accordingly. CSS is the hack of hacks.