Hey all! I’ve learned a lot since making my portfolio page and so I’m making another one for a fresh start. I want to make a responsive navigation bar like the one in this guide on w3 schools. As of right now, I have a page that has a navigation bar with several links on the top, and those links dis…

Hi KayDeeJay, Your media queries mention an .icon class, which doesn’t exist in your code. Change this to .nav-icon and your pen should work (I would also use .nav-icon in your not() selector). E.g.: @media screen and (max-width: 600px) { .nav-bar a:not(.nav-icon) {display: none;} .nav-bar a.n…

Responsive Navigation Bars

Topic		Replies	Views
Cant get my navigation bar to be responsive on mobile Code Feedback	3	664	February 6, 2021
How do i make my nav bar responsive?	2	475	January 17, 2021
How do i add a drop down navigation menu for smaller screens? Code Feedback	1	1187	January 17, 2021
My nav bar thingy is not in the right place Code Feedback	18	871	June 1, 2021
Navbar not working with media query	5	834	June 1, 2021

Responsive Navigation Bars

Related topics