This tutorial provides the steps to create a sticky shrinking site header logo having utility bar hide when scrolled in Genesis Sample.
The sticky header is useful only if you have something above the site header and so we have to create a utility bar which will be separate and above site header.
Here how it looks like.
The tutorial is based on the recent tutorial of Fixed Utility bar Site header and hides the Utility bar while scrolling in Genesis Sample
Prerequisite:-
1. Go to Appearance > Customize > Site Identity > Add the logo and make the logo width as of your choice. We will keep it bigger by default and smaller when shrunk.
2. Go to Appearance > Menus and Create a Menu for Header Menu display location.