Streaming live at 10am (PST)

How to create a vertically -entered, full-page nav bar?


#1

Hello there!

I wonder how to create a full-page, vertically centered nav bar? I tried “width 100%” and “fixed-full” on the nav menu, but the nav link wouldn’t vertically centered in the middle of the page despite I tried top&bottom margin “auto”. I also tried using a flex box and got it vertical-centered aligned within the flex box, but I can’t set it in the middle of the page.

Anybody got ideas on how to achieve this?


Here is my link: https://preview.webflow.com/preview/jason-chens-marvelous-project?preview=b35e364ae2379ebef6bfb9854dec1159


#2

Like this?


#3

YES!! Interesting that I need to set the div to full as well, wow thanks!!!


#4

hmmmmmmmmmmm somehow after I created this, and I click preview, the menu is gone…any idea why this happen?


#6

I deleted the nav element and rebuild it and solved! Somehow…no idea but all good now :smiley:


#7

This topic was automatically closed after 60 days. New replies are no longer allowed.