Change hamburger icon to word "menu" on Foodie pro

[Auntie]

I have spent a few hours trying to find out how to do it, but I just can't seem to find the right code anywhere.

How do I change the hamburger (three lines) icon to the word Menu on Foodie Pro?

Thanks

http://www.dominicancooking.com/

[Davinder Singh Kainth]

Tried this? http://www.basicwp.com/replace-hamburger-with-word-menu-in-genesis/

I works in majority Genesis themes. I haven't checked on Foodie pro though.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Auntie]

Thanks, but I had tried that. I don't think that's how it works on Foodie Pro.

[Tom]

Tried this the other night: this CSS will change the burger to "Menu".

@media only screen and (max-width: 940px) {
	
	.menu-toggle span,
	.menu-toggle span:after {
		content: none;
	}

	.menu-toggle span:before {
		border: 1px solid #a6d088;
		color: #fff;
		content: 'Menu';
		cursor: pointer;
		display: block;
		font-size: 18px;
		padding: 0px 20px 25px 10px;
		position: absolute;
		transition: all 500ms ease-in-out;
	}

However, javascript in Foodie causes the 'active' (clicked) mobile menu to tilt 45 degrees. The JS is buried in the themes "general.js" file, which appears to have been minified. You'll have to edit that to eliminate the tilt effect.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Victor Font]

Even though Foodie Pro is a Genesis theme, it is not a Studio Press theme. Your best chance for getting an answer is to contact the third party developer directly.

---

Regards,

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

[Auntie]

Thanks, I'll contact the developer.

[Author]

Posts