This solution adds left and right menus inline with your custom logo like this :
Tested using version 2.10 of the Genesis Sample child theme by StudioPress which only works with Genesis 3.0.
In the above example we overhang the logo however you can modify that simply by adjusting the values for margins in the following CSS rule :
.navigation-container {
margin-bottom: 58px;
margin-top: -120px;
}
And this is the result :
Works with or without the sticky header.
Demo Video #
Shows 2 custom menus added to the left and right of the logo in the Genesis Sample child theme by StudioPress.
Also shows both menus combined into 1 responsive drop down menu on smaller screens.
Installation – Support Included #
There’s 7 steps :
Step 1 – Find this code between lines 175 – 176 in functions.php
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );
And modify it like this :
remove_action( 'genesis_after_header', 'genesis_do_nav' );
This removes the primary nav menu from the header.
Step 2 – Copy the PHP code from functions.php to the end of the Genesis Sample themes functions file.
Step 3 – Copy the following CSS to the end of the Genesis Sample themes style.css file and clear caching.
Hey Brad,
I have:
GenesisVersion: 3.3.2 & Genesis SampleVersion: 2.2.4
**configfolder**
breadcrumbs.php
contributors.php
customizer-seo-settings.php
customizer-theme-settings.php
layouts.php
requirements.php
update-check.php
update-versions.php
-No menus.php or responsive-menus.php
Working on my computer, with DeskTop Server, so I can’t really send you a link. Sorry.
Suggestions? Thanks in advance,
-Joe
Hey Joe, I’ve emailed you the solution coded into a fresh version of Genesis Sample 2.2.4 however, you might consider updating your child theme.
I’ll publish a new tutorial because you’re a paying member however, i’ve sent the instructions about where the code is added/modified in the meantime.
Hi
Fine, it works fine now with https://wpsites.net/web-design/menu-logo-menu-in-genesis-sample-themes-header/#responsive-menus.
But no sub-menu ok ?
Fil Kan
The theme developers removed the sub menu using by adding code in the theme.
Hi
Ok the problem was the version of genesis sample.
I found genesis-sample-2.10 and menus.php but now no responsive-menus.php in the config folder…
Fil Kan
If using 2.10, use this solution for step 4 https://wpsites.net/web-design/menu-logo-menu-in-genesis-sample-themes-header/#responsive-menus
Hi
In my template folder of
I have not found the file config > menus.php
in Step 4 – Modify the PHP code in the config > menus.php file
All the other steps hare ok
genesis 3.0.3
genesis-sample.3.0.1
Did I miss something ?
Fil Kan
It’s in the config folder of 3.0.1, just checked. If using 2.10, use this solution for step 4 https://wpsites.net/web-design/menu-logo-menu-in-genesis-sample-themes-header/#responsive-menus