Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Two-level drop down menu on mobile

New Here ,
Oct 08, 2020 Oct 08, 2020

Copy link to clipboard

Copied

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 

 

TOPICS
Design, How to, Prototyping

Views

119

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Oct 08, 2020 Oct 08, 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.

Likes

Translate

Translate
Adobe Community Professional ,
Oct 08, 2020 Oct 08, 2020

Copy link to clipboard

Copied

LATEST

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines