I am trying to manually adjust the nav bar break points, but I’m not seeing how to do that in Webflow. I checked out my media queries as to where I could make this change (I think), but I can’t edit it.
Here is a link to loom to show what I am referring to:
You currently cannot adjust for more than the 4 media queries. On the smaller devices you can adjust the width but for desktop you are doing what you need for testing. I suggest reducing the amount of space between your links, reducing the text, or reducing the amount of links. From a UX standpoint thats a ton of links which isn’t really great for users visiting your site. Other than that, you can also reduce your nav logo or make it a %width of the nav to shrink. Sorry I don’t have better news.
Also, totally unrelated but you have an awesome opportunity to do a grayed out logo grid by gray scaling all your logos, removing the overlap/box look and putting them on white with a color on hover. I love monochrome grayscale logo grids.
Hey @Siton_Systems , thank you for the code snippet it works great! Nevertheless, I wanted to ask if there is a way to edit the styling of the menu in the <1280-991px> range without using code? Or is there a code snippet that copies the hamburger menu’s styling for the sub 991px breakpoints? Thank you once again!