[Resolved] Site Header

[Fergal]

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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fergal]

Hey David,

Awesome thanks for your help.

[David]

Glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts