Header

1 min read Updated

The Header section controls the logo extras, the header layout, sticky behavior, colors and spacing. Go to AppearanceCustomizeTheme SettingsHeader. To add a logo, see Logo.

The Header section of Theme Settings with Retina Logo, Tagline, Header Layout and Sticky Header

Retina Logo
A logo for high pixel density screens. It must be exactly double the size of the regular logo from Site Identity. Default: none. The Logo Booster Addon adds an alternative logo on any page and a sticky logo. It needs SiteOrigin Premium.

Tagline
Show the site tagline below the logo or site title. Set the tagline at AppearanceCustomizeSite Identity. Default: off.

Header Layout
Choose Default or Centered. Default shows the logo on the left and the menu on the right. Centered shows the logo above the menu, and both are centered. On small screens the header changes to the mobile layout. Default: Default.

The Default header layout with the logo on the left and the menu on the right

The Centered header layout with the logo above the menu

Sticky Header
Stick the header to the top of the screen as visitors scroll. Default: off.

Sticky Header Scales Logo
Make the logo smaller when the header sticks. Default: off. To disable the sticky header on small screens, see Advanced Customizations.

Background Color
The header background color. Default: #ffffff.

Border Color
The color of the line below the header. Default: #e6e6e6.

Padding
The space above and below the header content. Default: 25px.

Bottom Margin
The space between the header and the page content. Default: 60px. To remove it on one page, use the Header Bottom Margin setting in Page Settings.