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.

 355 total views,  5 views today

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Share on whatsapp
Share on skype
Share on email

Leave a Reply

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

Related Posts.

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.

 356 total views,  6 views today

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Share on whatsapp
Share on skype
Share on email

Leave a Reply

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

Related Posts.