In this blog post, we will see how to add the word Menu next to the Divi hamburger icon.
Why do we need to add the word Menu next to the Divi hamburger icon?
The reason to add the word Menu next to the hamburger menu icon sometimes is just because it looks much better. It really helps our website visitors to find what they are looking for.
After all our main goal is to help every visitor to navigate easily on our website and find quickly and easily the information he/she is looking for.
Hamburger icon with the word Menu
For the default menu
For the default menu you can use this цоде and place it in Divi > Theme Options > CSS
Adjust the size and color of the word to your needs.
/* ### menu text for default menu ### */
#et_mobile_nav_menu:before {
content: 'Menu';
font-size: 14px;
position: absolute !important;
bottom: 29px;
right: 40px;
color: #7A9F50;
}
For the menu build with the Theme Builder
Use this code if you have built your menu in the Theme Builder. You can place the snippet in Divi > Theme Options > CSS
Adjust the size and color of the word to your needs.
/* ### 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: #7A9F50;
}
That’s it. Pretty easy and fast, right? Sometimes the little details make a huge difference.
2,196 total views, 3 views today
