Add your logo and set up the site header

  • logo
  • header
  • navigation
  • customizer
  • site-editing

Updated

To change the logo in your site header, go to Appearance → Customize → Header & Menus → Logo, upload it, and click Publish. The header is made of two things: a WordPress menu for the links, and Customizer settings for the logo and layout. Set up the menu and logo first, then decide whether the header should be transparent or sticky.

Assign the header menu

  1. Go to Appearance → Menus.
  2. Create or select a menu and add your pages.
  3. Under Menu Settings → Display location, check Main Menu.
  4. Click Save Menu.

For renaming and dropdowns, see Edit WordPress menus. For large dropdown panels, see Create a mega menu.

How do I change the logo?

  1. Go to Appearance → Customize → Header & Menus → Logo.
  2. Upload a Logo. SVG stays sharp at every size; PNG works too.
  3. Optionally upload a Reverse Logo, usually an all-white version, for use over photos or dark backgrounds.
  4. Set Logo Size so the logo fits the header.
  5. Click Publish.

Other logo options:

Control Use it to
Hide Logo Hide the logo but keep the menu where it is.
Change Size on Mobile / Logo Mobile Size Show a smaller logo on phones.
Change Size on Scroll / Logo Scroll Size Shrink the logo once visitors scroll.
Change Logo on Scroll / Scroll Logo Swap to a simpler logo once the header sticks.

How do I make the header transparent or sticky?

Under Header & Menus → Desktop:

  1. Choose a Layout.
  2. Set Transparent Masthead to Enabled if your pages open with a hero or full-width image. The header then sits on top of the photo.
  3. With a transparent header, also turn on Reverse Print or use your Reverse Logo so the logo and links stay readable over the image.
  4. Turn on Sticky Menu to keep the header visible while scrolling, or Floating Masthead for a rounded header bar.

Preview an inner page as well as the homepage before you publish.

Tips