Setting up the compact header

Last updated April 25, 2026

Answer

The compact header gives your website a sleeker, more premium menu at the top of the page. The compact header is slimmer, features a frosted-glass effect, and displays the "Identity First Media" logo in the Bebas Neue font with a red "1". This gives your site a premium look that matches the Identity First Media landing page.

Steps

  1. Go to Settings in the dashboard.
  2. Scroll to the Compact header toggle.
  3. Turn the toggle on to activate the compact header.
  4. The change takes effect immediately on your live website.

What changes?

  • Height: The menu becomes slimmer (from standard to 56px).
  • Logo: Instead of your own logo, "Identity First Media" appears in the Bebas Neue font with a distinctive red "1".
  • Navigation: The menu text becomes smaller and more subtle, with a frosted-glass background.
  • Theme: The compact header automatically adapts to your chosen theme. Whether you use a light or dark theme, the colours remain legible.

Tips

  • The compact header works well with a minimalist website design.
  • You can turn off the compact header at any time by toggling the switch back.
  • Combine the compact header with a dark theme like Midnight or Obsidian for an extra premium look.
Was this article helpful?
headermenucompactnavigationbarstyledesign

Related articles