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.

Crosslinks

Navigation teaser

Reference for publisher

AEM view

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

aem view

Editing main navigation in AEM

Crosslinks