Streaming live at 10am (PST)

Nested Dropdown opens automatically when I open parent dropdown


#1

Hello @AnnaKelian,

I have a dropdown within a dropdown that works well in desktop. In mobile the nested dropdown opens immediately when the first dropdown opens up on hover. This sub or nested dropdown should not open up. It should open up when it is clicked (or hovered). If I Is there something I am not seeing? In the preview it is under the dropdown called ‘cursussen’. It appears with a white background.

https://preview.webflow.com/preview/flux-trainingen?preview=d9d668d9795d7f0fe07c5f2730ed47b5

Thanks,

Wim


RESOLVED: Sub drop down menu within dropdown menu not working on mobile devices
#2

Hi @Wim

That nested dropdown is showing when you open the parent element because it is inheriting display settings and position properties from a class that you have applied to this dropdown list. Dropdown lists need to have position-auto and display settings: none. So, to solve the issue, either remove that class or if you must use that styling, duplicate the class and set the position-auto and display settings: none.

Here’s the culprit:


#3

Hi @AnnaKelian,

That is awesome. It works!

I have to laugh at myself, because I literally worked the last days for hours on those other elements in the menu with interactions but it did not become smooth enough. Should have researched the problem earlier.

Thanks a lot.


#4

Hi @AnnaKelian,

Working on this now. The arrow does not turn when opening the sub. Anything I did wrong, or am forgetting?

Thanks,

Wim


#5

Hi @AnnaKelian, apologies for asking stupid questions. I just found out the arrow never turns and that I have to put an interaction on it.


#6

No worries @Wim
Glad it all worked out!

Enjoy designing your project!


#7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.