Can't set Max W to dropdown list

Hi Everyone, I’m having difficulties troubleshooting my navigation. As seen in the image, I’ve added a max w to the dropdown list for my navigation and placed it to be 910px (which is the same length as the div block below it). The issue I’m occurring is that the “Nav dropdown list” expands to the entire width instead of being limited to 910px. This then results in the inability to close the navigation from the sides. Instead only from the bottom or top. Is there a way to fix this?

Thank you


Here is my site Read-Only: [Webflow - LeadiQ](https://Read Only Site)

1 Like

Hey @Daren_Perincic, I have recorded a short video showing how to do it.

Let me know if you can follow along.

Thank you so much! This is perfect! :smiley:

If you have time, could you just explain the theory/reasoning behind it? Why mine didn’t work vs yours did? I just want to comprehend it better.

Thank you so much!

1 Like

@Daren_Perincic, awesome! It’s great to hear it’s working for you.

The absolute positioning was preventing you from clicking next to the dropdown.

The Nav dropdown list is set to position: absolute; and I tried to reduce it’s size in relation to the parent element, which has to be set to position: relative;. Removing the padding and setting the height to 0px; was done in order to make the area next to the nav items clickable.

Does that help you understand it better?

1 Like

I see. That makes perfect sense. Thank you Julian for the clarification! Appreciate your time to help on it :slight_smile:

1 Like