Join the Webstudio community

Updated last month

Positioning of Menu Content relative to the Menu item

At a glance

A community member is having trouble with their navbar, where the child dropdown elements are not displaying as absolute to the parent dropdown. They have tried setting the menu item to Position: Relative and the menu content to Absolute with left: 0px, top: 0px, but the dropdown is not aligning under the nav menu items as expected. In the comments, another community member suggests that "Option 1 is the best for my needs", but there is no explicitly marked answer.

Useful resources
Hi all,

I'm a little stuck on my Navbar when it comes to child dropdown elements not displaying as absolute to the parent dropdown.
If I set my Menu item as Position: Relative and the Menu Content as: Absolute with left: 0px, top: 0px
I would naturally assume the menu dropdown would align under the nav menu items position?

https://p-073802b8-15e5-4bc3-aec8-8b2c2ee7d65e.apps.webstudio.is/?authToken=d95eabc9-e0d8-4822-9d05-0cba762ba1c2&mode=preview
Attachment
Screenshot_2025-04-15_085947.png
a
1 comment
Option 1 is the best for my needs, thank you
Add a reply
Sign up and join the conversation on Discord