How To Add The Text “Menu” Next To The Divi Hamburger Menu

In this little tutorial, we are going to add the text “Menu” or any text you like next to the hamburger icon to make it more descriptive.

For the default menu

For the default menu you can use this snippet and place it in Divi > Theme Options > CSS.

/* ### menu text for default menu ### */
#et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 14px;
    position: absolute !important;
    bottom: 29px;
    right: 40px;
    color: #000000;
}

You can change the text Menu between the quotes in something else if you like.

For the menu in the Theme Builder

Use this snippet if you have build a custom menu in the Theme Builder. You can place the snippet in Divi > Theme Options > CSS.

/* ### menu text for menu with theme builder ### */
.et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 14px;
    position: absolute !important;
    top: 4px;
    right: 40px;
    color: #000000;
}

And that’s it for this tutorial.

You might also like…

• How to style the Divi mobile menu
• How to create a collapsing mobile menu
• How to change the Divi mobile menu breakpoint
• Divi mobile plugin from Divi Engine
• Divi mobile menu not working and how to fix it