Divi Mobile Page Design and Layout

Add Text to Divi Hamburger Menu

Adding some text to your Divi hamburger menu is really easy and helps identify the Menu on mobile devices.  With the code below simply add it to your Divi Builder Head settings and you are set. You can change the word MENU to anything you like.

The short Video below will show you where to place the code.

After watching the video above, you can see where to place the code below. Be sure to edit the text and style you want the mobile menu to look like.

/* Place the word MENU after the mobile hamburger */
.mobile_menu_bar:after {
content: ‘MENU’;
position: relative !important;
bottom: 10px;
left: 10%;
color: #8BE0F4;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
content: ‘\4d’;
}

After adding the code you should be all set. Enjoy the text you add to the Divi Hamburger Menu. 

Divi WordPress Theme
Divi Daily