Nav Drop Down is appearing at the bottom of my page
Beginner here Im trying to create a responsive nav bar but I have been having alot of issue with the media screen part, when my nav list pops up it appears at the bottom of my screen.
11 Replies
please make a working codepen, I think you didn't share all the code that is nessesary for us to figure out what is going on
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
will do thank you
https://codepen.io/Gabriel-Mald/pen/oNVoRvg
okay, it is the
top: 100% doing that
right but when i remove the top 100% it pops up halfway through my nav
yea indeed. now it is positioned absolute relative to the window, you probably want it relative to the header
so keep the top: 100% on .navlist
and set position: relative on
header. that way it will be top 100% from the navbar
odd sorry im trying to figure this out I beleve i did set the position to relative but the nav list still keeps popping up inside the nav bar now
you removed the position absolute from the .nav-list. you still need that one
Oh thank you so much
so, the nav-list is absolute positioned, relative to the header.
no problem