Fixed position navbar dropdown menu covers access to content below

Design help General
1

Hi,

I have a dropdown nav-menu with contact and social media buttons that is fixed on the upper part of the page. The problem is that when the ‘nav-menu’ expands it covers (full-width) links i the txt underneath.

Here is the site: https://jonas-dahlberg.webflow.io/

And here is a read only: https://preview.webflow.com/preview/jonas-dahlberg?utm_medium=preview_link&utm_source=designer&utm_content=jonas-dahlberg&preview=f9a3fea95e024ac22a68b69a2925eab8&mode=preview

(Unfortunately my dropdown does not work in the read-only link)
(the navbar is a symbol)

Does anyone know of a smarter way to build it or how I can somehow hide the empty part of the navbar-div?

2

Hi @Toftgaard,

You can change the width of the navbar symbol to ‘auto’, it will then shrink down to the size of the elements inside of it (in this case your social/contact icons).

You will have to play with the right positioning setting to get the dropdown where you want it.

See image.

Hope that helps,
Keiran

3
31880×1443 170 KB

1 Like
3

Thank you!

That worked well.

1 Like