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:
![](https://i0.wp.com/sridharkatakam.com/wp-content/uploads/2019/06/genesis-split-nav-logo-change1.png?fit=1024%2C80&ssl=1)
After scrolling:
![](https://i1.wp.com/sridharkatakam.com/wp-content/uploads/2019/06/genesis-split-nav-logo-change2.png?fit=1024%2C34&ssl=1)
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
To view the full content, please sign up for the membership.
Already a member? Log in below or here.