Responsive Mega Menu and Multi Level Dropdown | Animations | HTML, CSS, & JavaScript Tutorial (2020)

In this tutorial, we are going to continue our Mega Menu build. We'll use HTML, CSS, and a little JavaScript to make it responsive.

_____________________________________
📚 FREE 7-Day Trial for Treehouse:
_____________________________________

🛠️ Tools I use:
_____________________________________

💖 Show support!
_____________________________________

👀 Watch Next:
_____________________________________

🌐 Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #CSS #menu

[Danachew]

Thank you so much! I've been grinding over a multi-level responsive nav bar for about two and a half days now and I just couldn't get the second level sub menus to expand (Like your menu contained by Item 3 for example) when in mobile view. I was trying to use different for loops to no avail, gotta love the simplicity of a forEach :D

[Miguel-syms]

Thank u so much! that video is awesome, it helps me a lot of. thanks

[mocombefinancial]

quick question in the CSS there is a line of code in the media query that is disabling the input fields of a contact form that I am trying to build. is there an option other than to set the opacity to 0 in order to make it appear and disappear?

[zomalee]

How to make the footer stick at the bottom when content is less

[webzoha]

🙏🙏🙏 I downloaded your code, but there's a problem. The problem is in the small screen. When I click hamburger menu, Content/Item is visible on menu bar without closing the concern content/item. 🖐🖐🖐

[ademyildizcoding]

This is the first time I've watched your coding video and figured out two weird things. Firstly, when cursor in zone of ul.menu-items and refresh the page but it appears itself(mega-menu and blog). Transition lets us see mega menu even I don't hover on li.
Secondly is that when it is responsive and I click mega menu, blog and go down then I click menu-btn but some piece of code is still on nav bar. Even those are on source code.
Other hand it took my attention that how you use shortcuts on VS. Thanks.

[atosupriyanto]

In common site i see, at mobile the menu just can open the submenu at once. And another menu auto closed. Can you provide this functionality??? Thanks

[Olivier.Blanquart]

Very helpful thanks you very much!!
I found that when closing the mobile menu the header is still covered by the menu and it partially hides the logo. Is there a fix?

[hungo]

Thank you so much.But how to remove siblings mega menu?

[borges]

Hi - how do you get the additional info below the address bar at the top of your browser (Responsive ⯆ | # x # | etc.) when in Live Server?

Thanks!

[samirvaliyev]

Thank you for this tutorial. Please can you write me the name of the vscode theme please

[streamx]

Can you do a Udemy course building a complete website please?