How to add text “Menu” next to Hamburger Icon

When you build a responsive site, you most likely will have a Hamburger icon for Menu. A lot of WordPress Genesis themes come with responsive menu icon that uses Dashicons, such as:

Gist – Responsive Hamburger Menu icon

The code above only adds Hamburger icon but without text Menu next to it. If you want to add text – Menu, you need to add ::after pseudo element (in your styles.css), like this:

Gist – How to add text “Menu” to Hamburger icon

Complete code for the Hamburger icon with text Menu:

Gist – Complete code for the Hamburger icon with text Menu