Can you change the the menu button lines to say menu?

Hi there, give this a try.

.toggles #menu-toggle::before {
    color: #fff;
    content: "Menu";
    font-size: 95%;
    line-height: 45px;
}

I may have should of mentioned that I’m not so familiar with code. I copy and pasted the code shown into Custom CSS and it doesn’t change anything on the button. Is there somewhere else I should be inserting this code?

Nevermind…I tried again and it worked! Thank you!

One more question, when I click on a post in mobile the menu button goes back to the 3 lines. Is there anyway to get that button to still say menu in a post on mobile?

Hmmm, this is strange. For some reason that CSS isn’t being applied to the single post pages. What are you using to add your custom CSS?

Let’s try forcing things by modifying the selector for your rule.

.single .toggles #menu-toggle::before, .toggles #menu-toggle::before {
    color: #fff;
    content: "Menu";
    font-size: 95%;
    line-height: 45px;
}

It looks like you are using Custom CSS in Jetpack, correct? I think there may be an issue. Can you try disconnecting and deactivating Jetpack and then activate it again and reconnect to WP.com and let’s see if that fixes the issue. I’ve tested the first code with my test site using Sorbet and it works for all pages and posts.

It works great on desktop just not always showing on each post in mobile. I used wpbegginers to install Jetpack. I hate to say it but I’m not real sure how to reconnect WP.com if I deactivate the plugin.

You’d need to find your WordPress.com account username and password to be able to reconnect Jetpack to WordPress.com.

Quick question before I do that…if I deactivate Jetpack, will all of my settings still be there when I activate it again?

They should be.