Skip to main content
R
Rachel_Markwell
Participant
October 8, 2020
Answered

Two-level drop down menu on mobile

  • October 8, 2020
  • 1 reply
  • 362 views

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 has been closed for replies.
Correct answer Spas K.

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.

1 reply

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
October 9, 2020

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.

    Firefly Community Gallery
    Adobe Firefly

    Remix with Firefly Community Gallery

    Thousands of free creations to fall in love with and remix in Firefly.

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