• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

217

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

Community Expert , 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.

Votes

Translate

Translate
Community Expert ,
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.

Votes

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