Adding third and fourth nav menu with mobile dash icons

[oliverrealize]

Hi,

I'm working on a site http://newsite.ibew465.org/newwordpress/

I've added a third and fourth menu item but they are not using the responsive dash icons for menu on mobile phones. I will attach my functions.php in a comment so people searching don't have to scroll past the entire code.

I also want to change the word menu on all 3 header menus.

I also want to move the third and fourth menus to the left to match the primary menu.

http://newsite.ibew465.org/newwordpress/

[oliverrealize]

Here is the functions.php of the child theme. Trimmed to just the parts I added to create third and fourth menu.

//* Adding Third and Fourth Nav Menu

function register_additional_menu() {
  
register_nav_menu( 'third-menu' ,__( 'Third Navigation Menu' ));
register_nav_menu( 'fourth-menu' ,__( 'Fourth Navigation Menu' ));
     
}
add_action( 'init', 'register_additional_menu' );

add_action( 'genesis_after_header', 'add_third_nav_genesis' ); 

function add_third_nav_genesis() {

echo'<div class="nav-primary">';
wp_nav_menu( array( 'theme_location' => 'third-menu', 'container_class' => 'genesis-nav-menu' ) );
echo'</div>';

}

add_action( 'genesis_header', 'add_fourth_nav_genesis' ); 

function add_fourth_nav_genesis() {

echo'<div class="nav-primary">';
wp_nav_menu( array( 'theme_location' => 'fourth-menu', 'container_class' => 'genesis-nav-menu' ) );
echo'</div>';

}

[carasmo]

That is not the correct way, you have to register them the Genesis way and do a lot more:

https://amethystwebsitedesign.com/add-third-footer-navigation-menu-to-genesis-child-theme/

---

Genesis Theme Customization and Help

[oliverrealize]

Giving this a shot right now. Thank You.

[oliverrealize]

The first part of code works fine to register the menus.

But this code below doesn't seem like it's actually adding the menu location. I'm no php expert but I can see that it's not referencing the menus first to apply the array

// Add attributes to markup
// Add footer menu just above footer widget area
add_action( 'genesis_before_footer', 'amethyst_footer_menu', 9 );
function amethyst_footer_menu() {

	genesis_nav_menu( array(
		'theme_location' => 'footer',
		'container'       => 'div',
		'container_class' => 'wrap',
		'menu_class'     => 'menu genesis-nav-menu menu-footer',
		'depth'           => 1
	) );

}

[carasmo]

Yes, it is.The first part adds the theme support and registers with the location 'footer' and then this is the callback, calling the menu you want in the hook in the add_action.

A menu won't show up unless it's assigned, so go to Appearance > Menus and assign a menu to the footer position.

You will save a lot of time taking a course at Knowthecode.io or TeamTreehouse.

---

Genesis Theme Customization and Help

[oliverrealize]

But I'm not adding a footer menu. But I still set it up this way to test and it didn't work.

[carasmo]

To test if if works, go over the tutorial again and then assign a menu to the new location.

You can't test if it works or not if you don't actually assign a menu to this new area, nothing will show up if there is no menu there. If you are working with debug off, then you also can't get feedback on whether or not you're coding it correctly. Also, turn off your cache when developing.

---

Genesis Theme Customization and Help

[oliverrealize]

I've customized the code to get it to work to add what was missing. It is now working. Well at least the menus are now showing I still have to work on the responsive js

[Author]

Posts