Navbar not working with media query

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 :wink:

 .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!