Nav Bar Justify-content : space-between not working
I'm working on the header section of a page. I started with mobile which is working fine. The mobile version is a hamburger menu. The problem is with the larger screen size. I expected justify-content: space-between to keep my nav-items to the left of the page, but it doesn't. The nav-items are stuck to the left, butting right next to the logo. I added a width the nav-items' <ul> tag but that just made the nav-items stuck in the middle of the header. Hopefully my code explains this better.
I'm completely stuck. I put the relevant code in a codepen if anyone has time to take a look and assist.
https://codepen.io/arogersrenee/pen/gOQEmQE
2 Replies
instead of hiding each bar in media query hide the parent which is
.hamburger that should fix itwow! thank you! I was banging my head last night, trying and inspecting everything!