Creating Custom Mobile Nav in Webflow
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.)
Watch video Creating Custom Mobile Nav in Webflow online without registration, duration hours minute second in high quality. This video was added by user Halftone Digital 10 September 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 20,979 once and liked it 189 people.