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-ce…

Like this? [Screenshot_2017-10-09_131047]

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

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

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

Jason_Runyuan_Chen (Jason Runyuan Chen) October 9, 2017, 2:45am 4

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

Topic		Replies	Views
Vertically centered navlinks in navmenu General	17	4304	September 25, 2016
Vertical interactive "nav bar" Animations & Interactions	2	1607	January 28, 2018
Problem with Logo flex (center) in the NavBar (bug?) General	14	1259	September 15, 2021
Help creating full-screen mobile nav General	6	8251	May 10, 2018
Vertically centering items in Navmenu General	5	2430	November 4, 2016