Change 3 Lines for hamburger/toggle menu to text in Foodie child theme

[Kimberly]

Does anyone know what I need to edit to get the three lines in the responsive menu for the foodie child theme to read "MENU" instead of being the 3 lines? I also setup the secondary navigation and on the responsive menu would like it to read "SOCIAL MEDIA" instead of the 3 lines.

My demo site is here: http://kimgrabinski.com/

Thanks

---

What’s That Smell?

http://kimgrabinski.com/

[Kimberly]

I think I may have answered my own question. I need to split this into 2 (before and after), turn off the background, and add the word MENU in the content line.

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
/* background: #555; */
border-radius: 1px;
content: '';
cursor: pointer;
display: block;
height: 5px;
position: absolute;
transition: all 500ms ease-in-out;
width: 40px;
}

I'll report back with the finalized code assuming it works.

---

What’s That Smell?

[Doug]

Hi, Kim

Yes, turn off the background; but, why are you getting duplicates?

You have to name the Social Media menu Social Media, I think.

Peace, Doug

[Kimberly]

Thanks Doug. Yes, I think I have to break out the secondary menu in order for it to say "social media" because right now it inherits from the main nav.

---

What’s That Smell?

[Author]

Posts