Site Header Archives - WDS Style Guide

Header Middle – logo, hamburger, cta, search, icons [ 6 ]

Use on sites with lots of menu items or menu links with long character lengths or sites that want a Call-to-action button in the header separate from the menu.

Setup Demo

Template Type:
Components: Call-to-Action, , Logo, Site Search,

Header Simple – logo, menu with cta css [ 5 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites that want the last item of their header menu to be styled like a Call-to-action button.

Setup Demo

Template Type:
Components: Logo,

Header Simple – logo, menu, search [ 4 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites with lots of pages or posts that need site search functionality.

Setup Demo

Template Type:
Components: Logo, , Site Search

Header Simple – logo, menu, cta [ 3 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites that want a Call-to-action button in the header on every page separate from the menu.

Setup Demo

Template Type:
Components: Call-to-Action, Logo,

Header Simple – logo, hamburger, search [ 2 ]

Use on sites with lots of menu items or menu links with long character lengths or sites with lots of pages or posts that need site search functionality.

Setup Demo

Template Type:
Components: , Logo, Site Search

Header Simple – logo, hamburger, cta [ 1 ]

Use on sites with lots of menu items or menu links with long character lengths.

Setup Demo

Template Type:
Components: Call-to-Action, , Logo

Updated Fields related to Personally Identifiable Information are present

Created Guide: Leapfrog Theme Setup Guide

Image optimization guide – 22310

Site Header