Hi, in Minnow, they have used top borders to construct the hamburger, which makes it difficult to add “Menu” and have it clickable without having to work over the php files. What we can do though is to replace the constructed hamburger with a Genericon and then both the hamburger and word Menu will be clickable.
If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.
Child Themes
Child Theme creation plugins
Jetpack plugin
Custom CSS plugins
This is the CSS that will do it for you. You can edit my (slightly obnoxious) demo colors as desired. I included a hover rule so you could change the hover color if you wanted.
.menu-toggle:after {
border-top: medium none;
content: '\f419';
display: block;
font-family: Genericons;
font-size: 30px;
margin-left: 30px;
}
.menu-toggle:before {
border-top: medium none;
content: "Menu";
font-size: 30px;
left: -35px;
position: absolute;
top: 15px;
}
.menu-toggle {
border-top: medium none;
float: right;
height: 50px;
padding-left: 0;
padding-right: 0;
width: 145px;
color: #cc0000;
}
.menu-toggle:hover {
color: #66dd33;
}
