When i resize my view port, my nav bar is supposed to go to the bottom of the page in a fixed position. Which it does. But for some reason my nav links do not move to a row side by side and I can only see one link. I’ve tried everything i can think of…
codepen link:
You set a width of .nav-link
to 100vw
.nav-link{
padding:0;
bottom:0;
/* ---------- */
width:100vw;
/* ---------- */
display:flex;
flex-direction:row;
}
I’ve done that already. still does not work. Any other ideas? I’m starting to think another style is getting in the way of it?
Have you removed that line of CSS? When I edit your codepen just by removing
width: 100vw;
your nav items are in one row.
1 Like
it worked! thanks a lot. Couldnt figure it out!