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.
Thank you so much!! I was looking for this! So happy to have found this page!
Hi Wen,
You’re welcome