I’m fairly new to Webflow and am just getting the hang of it now, I have built a generic navigation bar but when I’m testing out the buttons that I have placed on the right-hand side they get really wonky when the viewport is at 1280px at 100%. Does anyone have any ideas on how I can make my buttons more responsive to smaller laptop screens?
Another idea is to start with a fully fledged design before moving to Webflow stage. Not knowing your process, I know this has helped me better imagine how the page is structured.
In this case, you have a wide logo, several wide nav text buttons, and two more wide and tracked-out buttons with heavy padding. This all just fills the space rather quickly.
Again, not to judge your skills or process, get familiar with how the breakpoints affect the nav components in Webflow, then decide which elements you can comfortably fit here.
Perhaps text navigation should live below the logo?
Combine text nav items with the two buttons?
Reduce text and/or combine navigation elements (1IG Stories → Stories, 1IG Blog → Blog), etc.?
Perhaps Contact and About can live together under one item?
Thank you all for the great suggestions, I greatly appreciate it!
The hardest thing I have been working with lately is the client I am making this for feels VERY strongly about the Navigation and what is showing on the navigation so I, unfortunately, can’t change or combine any of the elements as I would like and as you have suggested.
I am interested in trying out the elements underneath the logo since it is very wide. Do you have any tips for how I can do that? Do I make the logo a block element and left align it?