How to add the word Menu next to the Divi hamburger icon

WRITTEN BY :
Aless Design Studio
POSTED ON :
25/11/2021
TAGS :

Table of Contents

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

How to add the word Menu next to the Divi hamburger icon

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.

 1,619 total views,  3 views today

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts.

WordPress 5.9
WordPress

WordPress 5.9 Big Update & Big Changes

WordPress 5.9 is the first major release of 2022, as it was launched on January 25, 2022. This recent version brings new features and enhancements that make full site customization even easier.

 1,273 total views,  4 views today

Read More »
WRITTEN BY :
Aless Design Studio
POSTED ON :
25/11/2021
TAGS :

Table of Contents

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

How to add the word Menu next to the Divi hamburger icon

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.

 1,620 total views,  4 views today

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts.

WordPress 5.9
WordPress

WordPress 5.9 Big Update & Big Changes

WordPress 5.9 is the first major release of 2022, as it was launched on January 25, 2022. This recent version brings new features and enhancements that make full site customization even easier.

 1,273 total views,  4 views today

Read More »