This code in this download folder adds a utility bar before the default site header in the Genesis Sample theme.
In this case, it adds a logo, widget area and search form however you can add any type of content you like.
The bar looks like this before page scroll :
And this when scrolled :
See how it displays on mobiles in the following demo video :
Demo Video #
Shows the utility bar displaying before the site header and removed on scroll. Stacks the centers the elements in any order you choose on mobiles.
Code Installation #
There’s only 2 steps :
Step 1 – Copy the PHP code from the functions file to the end of the Genesis Sample themes functions file.
Was This Tutorial Helpful?