How to build a mega menu in Webflow - Build with me #3

Join host Nelson Abalos Jr for a build with me (BWM) session. During this BWM, we’ll learn how to use the navbar and dropdown component to create a mega menu.
Clone the project: webflow.com/website/bwm3-mega...
----------
00:00:00 Stream starting soon
00:05:26 Intro
00:07:56 Stream agenda
00:09:22 Project example
00:11:25 Build start
00:37:32 Navbar questions
00:53:44 Project help and feedback
01:04:56 Outro
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community
webflow.com
/ webflow

[@QueenOfFamous]

wow this video saved me!!! been stuck on this for too long! thank you for the tips! followed the tutorial to the detail

[@DerkVisser1995]

Miguel's website is amazing! You gave me sick ideas :)

[@m7ggy]

Thanks!

[@tommygun5035]

Nelson in his element.

[@pixelgeek]

It was a fun stream 🙂

[@KeeganLeary]

Thanks Nelson! I've pulled my hair out many times due to components not behaving like expected due to pre-styling. Your thorough walk throughs helped me understand them a bit better (sliders too!)

[@KeeganLeary]

ok now I'm at the part where you talk about how the dropdown menu is set to 60 px and not actually auto 😭 and also what it's relative to. This is really important knowledge thank you! Is there a place where I can find out about any other pre-styling is applied to components that doesn't actually show in designer?

[@Webflow]

Most components that you drag onto your canvas are pre-styled. Especially the components at the bottom of the elements panel. A lot of this knowledge was gained through a lot of trial and error.

[@bernpaul9868]

wow Amazing you look like a Filipino :D wow na wow working on webflow

[@feldv99]

Hey, Thank you very much for your helpful content! Sorry for the off-topic foolish question..:) Can you please share how you do zoom-in/out while recording?

[@Webflow]

That's not a foolish question at all 😀 You can use a touchpad to pinch two fingers outwards to zoom in and then pinch inwards to zoom out. Hope this helps.

[@feldv99]

@@Webflow Thank you for your response! If I'm not wrong, pinching the touchpad is zooming all browser win in general but not a specific selecting element/area on the sidebar of the navigator panel such as in your work. Maybe it's different on mac or pc?

[@Werfix1]

Why isn't it possible to pay with paypal or e-banking for the site plans?😅

[@Webflow]

Currently we are using Stripe for our payment system. We currently aren't looking into other payment methods are this time. Once we start developing for this, we'll notify everyone about it.

[@templa946]

This is great but it doesnt work responively. If you resize your browser to tablet and then go back to desktop,when you open the menu it remains at tablet size.

[@generationsarising]

Hi Nelson, I am trying to format my webpage using finsweet attributes. But I can't figure out how to use it. Could you please help me?

[@Webflow]

You may want to read more about that here: www.finsweet.com/attributes/ If you need support, try contacting the finsweet team here: www.finsweet.com/attributes/support Hope this helps :)

[@generationsarising]

@@Webflow I've tried both. I'm not understanding them very well. Just looking for a breakdown or step by step tutorial.