How to Add Custom Logo to Genesis Child Theme
2

How to Add Custom Logo to Genesis Child Theme

There are a bunch of tutorials those would work for you to add the custom logo to Genesis child theme. However, for my the last project I had to craft custom logo functions for a client site’s theme. Here is the step I added to functions.php:

Add Custom Logo to Genesis Child Theme

So, here is the code snippet to add the custom logo to child theme:

https://gist.github.com/anwerashif/ffb71fdad4452022336de91d955e0292

After adding this code to your theme’s functions.php, you’ll see something like the screenshot below.

Custom Logo

We enable the option in Customizer > Site Identity

Select your logo and save it. Let’s display your logo now. Add the code below to display the custom logo that has selected already.

https://gist.github.com/anwerashif/0a87cf3c48d0b04d42a27e41d749183a

You’ll see your custom logo displaying as like as the screenshot below after adding the code of displaying.

Display Custom Logo

Display Custom Logo to Genesis Child Theme

Okay, we have a metabox for selecting the option for the header; “Image Logo” and “Dynamic Text” in Genesis Theme Setting page. So, I think we don’t need that metabox anymore. Let’s remove it. Add the following function to your theme’s functions.php

https://gist.github.com/anwerashif/9c3ff979db06617c8b5a936dc6dbc1bb

I think we don’t need title/logo metabox in Genesis customizer also. So, here is the screenshot with red marking area going to remove.

Image-logo

Here is the code snippet to remove title/logo metabox from Genesis customizer:

https://gist.github.com/anwerashif/ee10c6fae5e877b47ad6902f83e18106

We have done except adding few CSS line. If you want you could add them to your style.css

https://gist.github.com/anwerashif/0b5539b4368158ff8126f9c815bfbb6e

Here is the full snippet of adding the custom logo to Genesis child theme:

https://gist.github.com/anwerashif/bcbd95e290ada86394f4e82ae002a1d6

Leave feedback if face any issue. Then you’ll. Happy coding!

  • Kamal kumar says:

    Very mush helpful, thanks for this awesome post

  • Hi,
    The article is very much helpful. I was struck while installing the genesis theme. thanks for the help and adding the value.

  • >

    Download 
    Studioplayer Genesis Child Theme Free!

    Rock and solid mobile first design child theme with native option panel.

    arrow-circle-o-down