Paul takes us through custom navigation in Webflow that features disabling scrolling on full-screen mobile navs, animating the hamburger menu, and more.
0:00 — Introduction
1:00 — Previewing the end product
3:00 — Assembling the hamburger menu
4:33 — Positioning the hamburger menu
5:52 — Animating the first click on the menu icon
10:05 — Animating the second click on the menu icon
12:12 — Animating the background
15:10 — Removing scrolling from the open nav
See the example live here: https://paul-mobile-nav.webflow.io/
(If you inspect the page and view the script at the very bottom of the body tag you can grab the code used here.)
