Skip to main content
Rachel_Markwell
Participant
Oct 8, 2020 9:49 PM UTC
Answered

Two-level drop down menu on mobile

I'm designing a two-level dropdown hamburger menu for mobile version of a website. I have one hover state applied to the compent but how doI get multiple hover states to one compenent? Below is the basic menu structure.

 

Menu:

  • Level 1
    • sub level 1
    • sub level 2
    • sub level 3
  • Level 2
    • sub level 1
    • sub level 2
    • sub level 3
    • sub level 4
  • Level 3
  • Level 4 

 

This topic is closed to new replies. Start a new post to keep the conversation going.
Spas K.
Spas K.Correct answer
Community Expert
Oct 9, 2020 4:58 AM UTC

Hi Rachel. Nested hovers don't work just yet. You can have only 1 level of hovers right now, and if you nest them, the inner ones won't activate. For now, you can only achieve this by using Tap as a trigger.

View reply

1 reply

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
Oct 9, 2020 4:58 AM UTC

Hi Rachel. Nested hovers don't work just yet. You can have only 1 level of hovers right now, and if you nest them, the inner ones won't activate. For now, you can only achieve this by using Tap as a trigger.

Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices