Discover in this tutorial how to create a custom header in any Genesis Framework child theme and adapt the size of the logo with a simple snippet.
Each Genesis child theme has different header settings. In some cases it will match the dimensions of the logo, but in other cases you will need to modify it according to your needs.
Code to customize the header
To change the size of the header in Genesis add this snippet to the end of functions.php file:
To see this and another 1097 code snippets of this website, login or subscribe here.
The top code is designed to introduce a logo 400px wide by 120px high. In addition, I have indicated the selector to be able to make modifications by CSS (‘.site-title a’).
This is just an example. Change the parameters of this function and use it to design custom headers following your (or your client) wishes. 😉
Conclusions
Creating a perfectly sized header for each project is easy in Genesis Framework.
Modify the above snippet and get the effect you want.
If you have any question, please leave it in the comments. And if you want to give me a suggestion for future snippets, please send it through the contact form.
Benefits of being a subscriber. 🙂
