Avisos
Vaciar todo

[Resuelto] Personalizar menú Principal

11 Respuestas
4 Usuarios
0 Reactions
57 Visitas
Respuestas: 65
Trusted Member
Topic starter
 

Hola, 

Tengo un par de dudas respecto al menú principal:

1- Cuando voy al personalizador divi, veo que aún estando en modo pantalla Pc, el menú se ve como "hamburguesa", aunque en la web salen todos los ítems.

Captura de pantalla 2022 03 31 a las 23.35.01

2- Me gustaría habilitar alguna función para que cuando estés en un ítem del menú, por ejemplo wellness, este se vea diferenciado del resto, sea con un color más intenso u otro efecto para que sepa que está en ese ítem y no en otro. ¿Cómo lo hago? 

Saludos

Contenido solo visible a usuarios registrados


 
Respondido : 31/03/2022 9:41 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Que tal Esmeralda,

Estos estilos deberías de poder manipularlos desde las opciones del modulo del menu que has construido desde el generador de temas sin embargo te comparto los siguientes CSS que van a aplicarle un fondo y un estilo a los enlaces activos

#mobile_menu1{
background-color: white !important;
}
#mobile_menu1 .current-menu-item a {
background-color: #12c8dd;
color: #ffffff !important;
}

Recuerda que puedes colocar estos CSS desde las opciones de Divi en el escritorio del sitio tal como te he comentado en consultas anteriores

Saludos!


 
Respondido : 31/03/2022 10:11 pm
Respuestas: 65
Trusted Member
Topic starter
 

@bruno-vichetti Te refieres a algo de esto?

Captura de pantalla 2022 04 01 a las 1.05.25
Captura de pantalla 2022 04 01 a las 1.07.32
Captura de pantalla 2022 04 01 a las 1.09.31

Esta publicación ha sido modificada el hace 3 años por Esmeralda
 
Respondido : 31/03/2022 11:08 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Esmeralda,

Has agregado los códigos que te comenta Bruno? Adicional a estos, agrega el que te comparto a continuación:

ul#menu-principal a:hover {
color: black !important;
}

Te recordamos que los agregas en Apariencias > Personalizar > Css adicional.

Un saludo 🖐️ 

 


 
Respondido : 31/03/2022 11:51 pm
Respuestas: 65
Trusted Member
Topic starter
 

@argenis Gracias. Los agregué y si, se ve que al pasar el cursor por el ítem el color es algo más claro, pero apenas se nota, ¿existe una forma de que sea un cambio de tono más contundente y que se quede fijo mientras estás en ese ítem? No es algo realmente importante para mi, pero si hay una forma de hacerlo, lo hago. 

Gracias


 
Respondido : 01/04/2022 1:39 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Esmeralda,

Supongo que te refieres a que se resalte en el que te encuentras? si es el caso verifica esto:

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
color: black !important;
}

Lo agregas al final del todo en Apariencias > Personalizar > Css adicional.

Un saludo 🖐️ 


 
Respondido : 01/04/2022 1:54 am
Respuestas: 65
Trusted Member
Topic starter
 

@argenis Lo agregué pero no noto diferencia.

Por otro lado, intentando que en la página animaladas se vea una sección de blog con entradas y abajo una sección con 4 módulos de anuncios "Adóptame" y un botón "más adopciones" que al pulsarlo se abra la otra página "más adopciones" que creé con 12 módulos de adopciones, al final no se que hice pero se ven duplicados la cabecera y el footer. Además en la página animaladas no se ven 4 anuncios, sino 8. No he tocado ni la cabecera ni el footer, creo...

Captura de pantalla 2022 04 01 a las 4.37.45
Captura de pantalla 2022 04 01 a las 4.37.53

¿Sabes qué puede haber pasado? 


 
Respondido : 01/04/2022 2:42 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Esmeralda,

Para mantener un orden en el foro vamos a separar consultas, crea una nueva para esta nueva consulta que tienes, con respecto a lo que comentas del color, veo que estas aplicando un css adicional al que te comparti que le asigna el color #91EEE1!important;

Verifica si has agregado algun codigo con este color asignado tanto en Apariencias > Personalizar > Css adicional como en Divi > Opciones del tema.

Estaremos atentos para la otra duda que nos comentas.

Un saludo 🖐️ 


 
Respondido : 01/04/2022 3:17 am
Respuestas: 65
Trusted Member
Topic starter
 

 

@argenis Hola, Te paso captura de los css y me dices que debo modificar, ya que en esto me pierdo mucho...

Captura de pantalla 2022 04 02 a las 15.43.58
Captura de pantalla 2022 04 02 a las 15.44.09

 


 
Respondido : 02/04/2022 1:46 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Esmeralda.

Las opciones del menu las modificas en el Generador de temas 

.- Accede a Divi -> Generador de temas.

.- Edita el Encabezado Global.

screenshot mary52.webempresa.eu 2022.04.02 17 17 47

.- Selecciona el Menu y lo editas.

.- Selecciona la pestaña " Diseño "

.- Despliega " Texto del menu "

.- En la opción " Color enlace activo " selecciona el color que quieres que muestre en el Item de menu Activo.

screenshot mary52.webempresa.eu 2022.04.02 17 22 26

Guardas los cambios y lo revisas.

 

Un saludo

 


 
Respondido : 02/04/2022 3:23 pm
Respuestas: 65
Trusted Member
Topic starter
 

@pepesoler Solucionado. Muchas gracias! Podemos cerrar tema.

Saludos


 
Respondido : 02/04/2022 3:43 pm