screenshot of a navigation teaser

How it works

  • Can be used in the Mega menu
  • The navigation teaser contains
    • image
    • title
    • text (optional)
    • CTA
  • The component is mantaory but it is not visible on viewports S and XS.

How to use it

  • Image
    • Ratio 4:3
    • Resolution
      • It is recommended to provide maximum possible resolution for best cropping options
      • Minium: 480 x 360px
  • Characters
    • Headline
      • Two lines: 48 characters
      • Three lines: 73 characters
    • Text
      • Two lines: 72 characters
      • Three lines: 106 characters

Detailed information

Image guidelines for homepages (pdf, page 43)

Crosslinks

Main navigation

Reference for publisher

screenshot

AEM view

In case of using Mega Menu Navigation (level 1 or 2), a teaser needs to be configured by adding:

  • a title
  • an optional text
  • a link target and name for the button
  • a color scheme for the button
  • an image

Crosslinks

ubs.com AEM user guide