I am really struggling with this dropdown menu and it’s delaying multiple projects. If someone can help - I would be super grateful! Please view the video above and you will see:
Dropdown won’t stay open. This could be because there is space between the nav bar and the drop down. How do I make the nav bar the same size throughout so it eliminates the space?
I can’t find the dropdown for the other views (i.e. mobile).
The ends of the dropdown menu design are whit and should be black. but when I look in my design, they are all black.
I hate to say this but there are really way too many details to communicate in a forum post. There’s quite a bit of work here to clean up the nav so that it performs the way you want.
You’ll likely need to hire a designer to do some fixups here, it’s requires a bit of understanding about relative and absolute positioning, stacking orders, z-index, etc.
Two tips I can give-
You’re building a megamenu here, so with your absolute positioning setup you’d need to adjust for your relative-positioned menus. I’d make sure that only the navbar element itself is relative, but each dropdown menu could be different.
Your white background color is on the opened state of the dropdown list, you can undo that to get your black background back.
Haven’t looked at mobile, there’s a lot to do on desktop before you tackle that.
