Join Makerpad today

Makerpad is home to over 9,000 folks. Access members-only content, build real projects & get expert support
← Back to all posts
Community post

How to Webflow: Full screen menu - Tutorial

Go to Link
posted on
November 21, 2019
Here is how to create a full screen menu and prevent the page from scrolling up and down while the menu is open. #webflow #webdesign #tutorial Here is the CSS: .no-scroll {overflow:hidden;} Here is the jQuery: $('.menu').on('click', function(){ $('body').addClass('no-scroll'); }); $('.close').on('click', function(){ $('body').removeClass('no-scroll'); });

Ready to get started?

Join the community and start turning your ideas into solutions