Site logo

Archived topic

Site Header

3 replies · Started by Fergal on September 3, 2022

Viewing posts 1–4 of 4

Hey there,

Can you please tell me what is the easiest way to create a site header like the one I've shared below?
Looking for the following qualities in the header:

  • Has a background image
  • On top of the background image is a Centered logo
  • Underneath the logo is the site tagline (or site-description) with <h3> class.
  • Followed by navigation menu

Will a header element accomplish this?

Thanks,
Fergal

Hi there,

1. Enable the Backgrounds Module in Appearance > GeneratePress.

2. Customizer > Site Identity
Add your Logo and Site title and set them to display

3. Customizer > Layout > Header and set the Alignment to center.

4. Customizer > Background > Header, add your header background image.

5. Customizer > Layout > Primary Nav - set its Location to Below Header

You have colors and typography settings in the Customizer to do the rest of the styling.

Hey David,

Awesome thanks for your help.

Glad to be of help!

This archived topic is closed to new replies.