Dropdown menu links

Hi

I’m having some problems positioning the links in the dropdown within the background of the dropdown.

When I move the dropdown links into the background, the remaining nav items move as well.

Link to site - https://preview.webflow.com/preview/anywhere-bear-v0-2?utm_medium=preview_link&utm_source=designer&utm_content=anywhere-bear-v0-2&preview=0663e9a58bcbeefc75a846e748fb95d7&pageId=5f3eb9d6fcd1a900d645e9da&mode=preview

Thanks in advance


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

It is hard to understand your issue (Maybe add screenshots).

Hi

Thanks for taking a look

In this first screenshot you can see how the top link isn’t aligned directly in the dropdown

When I move the top link down into the dropdown so it sits nicely in there, the other top level nav items move as well

Hope this is a bit clearer

https://preview.webflow.com/preview/anywhere-bear-v0-2?utm_medium=preview_link&utm_source=designer&utm_content=anywhere-bear-v0-2&preview=0663e9a58bcbeefc75a846e748fb95d7&pageId=5f44dbb4d9fb0b0fae84115b&itemId=5f44dbb4d9fb0b0c998411b7&mode=preview

Thanks

In general do not use negative margins on daily basis (Useful maybe when you want element X to overlay element Y).

remove negative margin 1:

remove negative margin 2:

open menu
image

and remove negative margin

Done.

image

That’s brilliant, it works.

Thank you so much for your help :slight_smile:

Great :slight_smile: please mark as solution to close this topic.