Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-6509

Navigation Bar: style drop-down menus


    • Icon: Task Task
    • Resolution: Merged
    • Icon: Should have Should have
    • None
    • 5
    • Navigation
    • Sprint #178, Sprint #179
    • nix

      Style second level (drop-down) of primary navigation menu on all screens:

      • The main/parent category should still be clickable and lead to the parent page when the second level is opened.
      • We should have a hover and selected state for each item.


      • Show second level (drop-down) on hover over top-level menu item
      • A drop down menu should show 6 visible items and have a scroll bar when there are more than 6 items on desktop screens.
      • Use the same animation as per the GP Germany website at primary menu items hover (for the selected item underlined in green)


      • No limitation view for mobile when the main category is opened (see designs).
      • show second level on click of arrow icon

      Investigate if the following are possible:

      • Limit to 2 levels (top level and second level).
      • Limit to 10 items for each drop down menu.
      • Each drop down menu item label should be limited to 20 characters.

      Designs are available here for desktop and mobile screens.



        1. drop-down1.jpg
          80 kB
        2. drop-down2.jpg
          295 kB
        3. drop-down3.jpg
          140 kB

            dtovbein Dan Tovbein
            mfatome Magali Fatome (Inactive)
            Houssam Houssam
            Maud Leray Maud Leray
            0 Vote for this issue
            0 Start watching this issue