Streaming live at 10am (PST)

Full screen Navigation Menu


#1

I want to my Navmenu to fill the whole screen when clicked on


Navbar Open Menu Help Needed!
#2

please give us a link to your webflow editor so we can look further into this.


#3

@dannesh In order to have the navmenu fill the whole screen, just select the menu and make it 100% width. Then as it expands it will fill the whole width.

Let me know you run into anything.


#4

@thesergie, it doesnt work when i set with to 100%. I want height to fill the screen. when i select a % for it, it does not work


#5

Hi, not sure if this is what you are after @dannesh, or why you need full height and width nav menu, but you can make your nav menu full height of window by setting position to fixed and select full position:

If you want other things to appear above the menu on the page, then set the z-index property to anything higher than zero for those other elements.

Hope that helps ? Cheers


#6

@cyberdave thanks a lot..that did the trick


#7

Hi,

I have a full screen navigation menu, but have an issue with scrolling. The content underneath still scrolls, this is causing issues on mobile - is there a way to disable to content behind the menu from scrolling?
Also, would be cool if I can make the navigation menu content scroll. Have seen a demo of this working but the demo had no scrolling main content underneath..


#8

Has this been answered elsewhere? I have the same question/issue regarding the site content scrolling beyond the menu.


#9