How Webflow homepage's mobile menu is created?

How Webflow homepage’s mobile menu is created without using additional CSS and javascript?

It works great!

It has these features:

  • Full height 100vh
  • 100vh but not covering the top navbar
  • Menu Items using list, ie. ul li
  • Menu part is scrollable without moving the page at the bottom
  • Adopt to mobile browser’s height changes when address bar shrink

hi @anthonychan2509 they don’t when you check DOM you can see that there is --vh injected in <head>. So they definitely use custom JS and I’m convinced there will good amount of custom code over the website.

1 Like