Split Nav in Genesis with logo change on scroll

This members-only tutorial provides the steps to show a centered image logo with primary nav on its left and the secondary nav on the right in the site header of Genesis Sample.

We shall show a different logo image on scroll with a smooth shrinking effect.

Before scrolling:

After scrolling:

While the tutorial has been written for Genesis Sample 2.10.0, it should work with a few adjustments in any Genesis theme.

Step 1

Edit Genesis Sample’s functions.php.

a) Combine the primary and secondary menus in the mobile menu.

Change