Agregar texto a la derecha del menú móvil de Divi

En este tutorial te mostraré cómo agregar texto al lado derecho del menú móvil de Divi (el icono de hamburguesa) y cambiar el icono de hamburguesa por una X cuando el menú está abierto.

CSS

Agrega el siguiente CSS al archivo style.css de tu tema hijo o en el campo CSS Personalizado de la pestaña Opciones Generales del Tema Divi.


/* Colocar la palabra "MENÚ" después del icono de hamburguesa móvil. */
.mobile_menu_bar:after {
content: 'MENU';
position: relative !important;
bottom: 10px;
left: 10%;
color: #c4c4c4;
}

/*Cambiar el icono de hamburguesa a X cuando está abierto*/
.mobile_nav.opened .mobile_menu_bar:before {
content: ‘\4d’;
}

Dependiendo del tamaño de tu barra de menú, probablemente tendrás que experimentar con el valor de abajo en el CSS.

Y así tienes una manera muy fácil de hacer que el menú móvil hamburguesa sea un poco más comprensible para aquellos que no saben lo que es.