Hey everyone. I’m a little new to webflow and slowing getting the hang of everything. I’ve got a website that triggers a two link nav bar to appear from a hamburger button. Problem is I can’t get the logo and nav bar links to both align centered vertically and horizontally.
What am I doing wrong?
Thanks!
https://preview.webflow.com/preview/stalbot?utm_medium=preview_link&utm_source=designer&utm_content=stalbot&preview=920a88f75ee477f70f0b9914ea396ce7&mode=preview
Ali_Abbas
(Ali Abbas)
October 7, 2019, 8:45am
2
Hey Scott,
Here is how I was able to fix this:
Delete the 40px left margin from the menu wrapper
Delete flex-child grow if possible style from the menu wrapper and set the width to 100%
Delete the min-width, max-width, center align text, and z-index from the Brand
Delete the min-height from the Nav Menu
Set the Hamburger Wrapper to absolute position
Set the Navigation Justify to End
Delete the min-width from Nav Menu
On tablet mode set the responsive menu to absolute
On mobile portrait set Brand to 75vw max-width
That should get the logo and nav menu aligned vertically and horizontally on the screen.