Seleccionar página

Una de las cosas que menos me gusta de Divi, es el menu movil, como muestra las opciones  el icono, el efecto que hace, Lo que vamos hacer hoy es algo muy basico con css para modificar el icono menu del Movil, usando Divi,

Como modificar el icono menu en Divi:

Debemos añadir el siguiente codigo en las opciones de divi Css.

En este caso hemos puesto el tamaño del icono 45Px content usado ose el icono es un corazon «\» y le ponemos un  color rojo.

.mobile_menu_bar::before {

font-size: 45px;
content: «\e089»;
color: red;

}

Como añado el icono al menu de divi?

Lo primero es buscar el icono que queresmo añadir al menu, en este codigo aparecen muchos caracteres.. eliminamos los primeros &#x y añadimos el codigo a la seccion del content

content: «\e089»;

Cuales son los iconos del menu a añadir?

Existen muchos iconos añado aqui una lista de ellos

Como Añadir un icono externo a la web o una imagen al menu

La mejor opcion seria la que comentamos, pero que pasa si tengo yo un icono en mi web que quiero añadir?.

Sube el icono a la web.. un tamaño pequeño quizas 45px de alto

Añadimos el siguiente codigo

.mobile_menu_bar::before {
content: url(«https://www.posicionamientowebgalicia.com/wp-content/uploads/2019/09/icono-logo-superman-divi.png»);
}

PD: si teneis otros Theme tambien puede funcionar aunque hay que buscar la clase o Id de tu menu.

PD2: Si tiene otro plugin tipo Font Awesome, podras elegir otros iconos

https://www.elegantthemes.com/blog/resources/elegant-icon-font

Articulos relacionados