This is a customized Genesis Sample (v 2.3.0) with primary navigation appearing in a fixed shrinking header. Home menu item placed in the nav (typically with other menus items to its left and right) will automatically appear as the logo (to be set via Customizer) on the frontend. The entire header incl. the logo will shrink in size when scrolling down and grow to the full size at the top.
At 1024px the header will remain static with no shrinking.
At 1023px and below, the navigation will collapse into a hamburger menu icon below the logo.
Upon scrolling down:
Note: This is a child theme of Genesis framework meaning – you need to have a copy of Genesis installed in the WordPress site for this theme to work.
- Set your logo’s width and height in the
// Add support for custom header.section in functions.php.
Upload your logo at Appearance > Header. The image used in the demo site can be downloaded from here.
Create/edit a menu at Appearance > Menus. Add the built-in
Homeitem (Pages > View All) where you want your logo to appear – typically with an equal number of items above and below it.
Support is via email for any questions on re-creating the demo site or regarding help in following the instructions.