WP SITES

2948 Tutorials & 189 Plugins

Add 3 Images Inline Below The Header Image In The Title Area

This tutorial provides the code which enables you to add 3 images below your default header image ( logo ) in Genesis like this :

On top of this, you can custom link each image via the customizer.

You can also add default images named 1.png, 2.png & 3.png in your child themes images folder.

As seen in the demo video, these defaults can also be changed via the customizer using the custom setting named Add 3 Logos located immediately after the default Header Image setting.

Demo Video

Shows how you can add or change the default images via the customizer. Also shows the default display on smaller screens where each image reduces in the size and displays perfectly inline below the default header image.

Note : The CSS also includes a option to display each image 100% width on smaller screens.

Tested using the Genesis Sample & Wellness Pro child themes by StudioPress. Should work fine on most Genesis child themes.

Installation

There’s 2 steps :

Step 1 : From the download folder, copy & paste the PHP code from the functions.php file to the end of your child themes functions.php file.

Step 2 : From the download folder, copy & paste the CSS from the style.css file to the end of your child themes style.css file and clear caching.

You can then add your images to your child themes images folder.

Register or login to access the code in download folder :

Was This Tutorial Helpful?