In this article I share the steps for customizing Genesis Sample to
- replace the background logo image with an inline logo managed via the customizer
- relocate primary nav menu to header right
- make the header fixed so it remains in view all the time and shrinks (incl. the logo) on scroll (from 1024px and above, changeable)
- make the nav menu/hamburger menu icon remain inline with the logo until when necessary at smaller screen widths
Step 1Create a file named say, custom.js in your child theme's
jsdirectory having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.