Help center › Apps

Header and main menu

On Appearance → Header you choose the header style (Layout), its colours (Appearance), the menu items and the button (Menu and content), plus the search and the language switcher. After choosing a new header style, save first: until then the other tabs show the saved style's settings.

Layout

  • Layout style – for example Top navigation, Hamburger menu, Transparent over hero, Utility bar + main nav, Mega menu, Split navigation, Floating pill, Centered or Vertical sidebar. No header hides the header (its settings are kept); visitors can then switch language only in the footer.
  • Overlap the first section – the header floats over the first block (for example a hero) and turns into a solid bar on scroll; Home page only limits this to the home page.
  • Sticky header – stays at the top of the screen while scrolling.
  • Submenus – submenus open on click only.
  • Social icons – the profiles from the Contact tab, in the header.

Menu and content

  • Navigation menu – drag items to reorder them, add a submenu with Add sublink, give each language its own label, and hide an item per language. A link can be a page (type its title), an anchor on the page (#…) or an https:// address; the field can also Create new page. Removing a menu item does not delete the page.
  • Call-to-action button – at the end of the header; hidden only when its label is empty in every language.
  • Depending on the chosen style: a Utility row above the menu (mailto: and tel: links work here), a Mega panel with secondary links and a featured card, logo text and tagline.

Appearance

Background and text colour, opacity, Background blur, Solid bar on scroll, Logo height (px) (16–160) and Menu item size (px) (10–32). Fields left empty follow the header style and the colour palette.

Search and Language switcher

  • Show search in the header – a magnifier or a search field, in a position you choose; Search on phones; Search results look is Default or Cards. Search covers pages, news and events.
  • Show language switcher in the header – only visible when more than one language has published content. Missing translations lets visitors switch language on untranslated pages too: they land on the nearest page that exists in that language.