Skip to main content

Header - double logo

Description

Double logo menu is for subsites where it's necessary to show two logos to show the parent organisation (kommune) as well as the site logo (f.ex an institution) The menu consists of a top bar and a main menu. The main menu can have menu items, a CTA button and an open/collapsed search field. Both menus can have a logo/text
Obs. inline styling and hr is only for display purposes on this demo page.

Brand (both top bar and primary menu)

  • Image
    • Brand whitespace 0
  • Text

Primary menu

  • List items
  • CTA button
  • Search toggle

Background colors

Background colors can be given to both the top bar and primary menu.

  • White
  • Body
  • Primary
  • Secondary
  • Custom header color

Reverse

Both top bar and primary menu can be reversed independent of each other, ie the logo is aligned to the right of the page.

  • Default (logo left aligned)
  • Reverse (logo right aligned)

Logo Image, Search bar active, secondary: secondary, primary: secondary

Skip to main content

Logo Image, Search bar secondary, secondary: body color, primary: header color, secondary menu reverse

Skip to main content

Logo Image, Search bar secondary, secondary: body color, primary: header color, secondary menu reverse

Skip to main content

Logo Image, Search bar , secondary: primary, primary: white, secondary menu reverse

Skip to main content

Logo Image, Search bar , secondary: primary, primary: white, secondary menu reverse

Skip to main content

Logo Image: brand-whitespace-0

Skip to main content

Logo Image & reverse: brand-whitespace-0

Skip to main content

Global styles

Component styles