Main navigation - Drop-down-menu

Desktop view

showing drop-down-menu on a large and medium viewport

Mobile view

showing viewport s

Main navigation - Mega menu

Desktop view

screenshot of a mega menu

Mobile view

showing viewport s

Supporting Navigation

Desktop view

screenshot of the supporting navigation

Mobile view

screenshot of the supporting navigation

How it works

  • The homepage offers two variations for the main navigation, the mega-menu or a simple drop-down. 
  • Both variations can co-exist on a country homepage.
  • The main navigation is complemented by the supporting navigation for topics like e.g.: 'Help' and 'Contact'.
  • The navigation entries don't reflect a structure.
  • Drop-down-menu
    • The simple Drop-down menu has a fixed 1-level navigation, opening onClick/onTap to the menu entry.
    • This allows the display of a selection of entries to landing pages.
  • Mega-menu (for Switzerland)
    • The mega menu comes with a fixed 3-level drop-down navigation using a full bleed drop-down overlay.
    • A teaser is displayed in the Mega-menu, either the same teaser for all or in dependence of the selected 2nd level navigation item.

Reference for publisher

AEM view

Editing main navigation in AEM (Please click to enlarge the picture)

aem view

Editing main navigation in AEM