Add "MENU" wording to mobile navigation

[nthdegreemd]

I am dealing with a lot of older, non-tech savvy people... and I am wondering if there's an easy way to add the word "MENU" above the menu icon on responsive view.

I'm using the Interior theme.

Thanks in advance for any guidance you can provide.

http://thatgrabbarguy.com/staging/

[Victor Font]

1. Comment out this line in functions.php:

wp_localize_script( 'interior-responsive-menu', 'InteriorL10n', $output );

2. Add this immediately after the commented out line:

wp_localize_script(
		'interior-responsive-menu',
		'genesis_responsive_menu',
		interior_responsive_menu_settings()
	);

3. Add this after the closing bracket for the function interior_enqueue_scripts_styles():

function interior_responsive_menu_settings() {

	$settings = array(
		'mainMenu'         => __( 'Menu', 'interior' ),
		'menuIconClass'    => 'dashicons-before dashicons-menu',
		'subMenu'          => __( 'Submenu', 'interior' ),
		'subMenuIconClass' => 'dashicons-before dashicons-arrow-down-alt2',
		'menuClasses'      => array(
			'combine' => array(
				'.nav-primary',
			),
			'others'  => array( '.nav-secondary' ),
		),
	);

	return $settings;

}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nthdegreemd]

I'm sorry. I'm so stuck on step 3. I'm not sure where the closing brackets are. I'm not very familiar with PHP

[Victor Font]

Just replace the current function with the one I gave you above.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nthdegreemd]

I have added this code successfully, but the word "MENU" is not appearing above the menu icon. What am I doing wrong?

[Victor Font]

I can't see what you did so I can't tell you what you did wrong. I tested the code I gave you on the same theme on my development server so I know it works.

I'm not familiar with the performance plugin you're using. You may have to clear all of your caches before you can see changes.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nthdegreemd]

I did clear my cache.

this is what it looks like in the editor. I did verify by the file manager it's in the functions.php

[nthdegreemd]

[Victor Font]

Your screenshot links aren't working. Paste your functions.php file into https://pastebin.com/ and then provide the link to the code.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nthdegreemd]

Here is the functions file

https://pastebin.com/TDVbhyfR

[Victor Font]

You didn't follow any of the instructions I gave you. All you did was paste the new code to the end of functions.php where it will never work.

I've redone your functions.php.

https://pastebin.com/cJbfLf9q

This will add the word "Menu" to the mobile. You'll have to figure out the CSS to place the word above the menu icon.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nthdegreemd]

God Bless you Victor, thank you for your patience and help! It worked!

[Author]

Posts