Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Problemas con el menú principal  

 
Leonardo
 Leonardo
Usuario experto

Buenas tardes, estoy teniendo un serio problema con el menú principal de mi sitio web, les explico, en la sección de la Home (adjuntado como imagen 1) se puede apreciar el menú secundario (al pasar el cursor en HERRAMIENTAS) de forma ordenada pero en los siguientes enlaces (adjuntada imagen 2 de muestra) se ve todo hacia a la derecha y desordenado, me gustaría saber qué está sucediendo y si podrían ayudarme a una solución a este gran problema.

Después de elegir una categoría principal:

a. https://www.tiendaparaemprendedores.com/categoria/herramientas/carrera-o-profesion/&source=gmail&ust=1682025325257000&usg=AOvVaw24EJs_GsLXSWYJawlES3A 3"> https://www.tiendaparaemprendedores.com/categoria/herramientas/carrera-o-profesion/

b. https://www.tiendaparaemprendedores.com/categoria/herramientas/software/&source=gmail&ust=1682025325257000&usg=AOvVaw2ZDna40nkQe2h8n8DK-TN A"> https://www.tiendaparaemprendedores.com/categoria/herramientas/software/

Después al elegir una categoría específica:

a. https://www.tiendaparaemprendedores.com/categoria/herramientas/carrera-o-profesion/diseno-web/&source=gmail&ust=1682025325257000&usg=AOvVaw06-ostD5exxcZ4ZJ_UJ-Y F"> https://www.tiendaparaemprendedores.com/categoria/herramientas/carrera-o-profesion/diseno-web/

b. https://www.tiendaparaemprendedores.com/categoria/herramientas/software/&source=gmail&ust=1682025325257000&usg=AOvVaw2ZDna40nkQe2h8n8DK-TN A"> https://www.tiendaparaemprendedores.com/categoria/herramientas/software/

Al seleccionar la categoría HERRAMIENTAS y seleccionar un producto como https://www.tiendaparaemprendedores.com/herramientas/triunfa-con-tu-ebook-ana-nieto/&source=gmail&ust=1682025325257000&usg=AOvVaw1rCu3XP-YGMDjkJ7Q-awB m"> https://www.tiendaparaemprendedores.com/herramientas/triunfa-con-tu-ebook-ana-nieto/

Al seleccionar CATEGORÍA DE PRODUCTOS y ELEGIR UN PRODUCTO: https://www.tiendaparaemprendedores.com/categoria/productos/camara/&source=gmail&ust=1682025325257000&usg=AOvVaw357S1leHzw_ZXnk239uPf O"> https://www.tiendaparaemprendedores.com/categoria/productos/camara/

Muchas gracias.

imagen 2
imagen 1

 

Contenido solo visible a usuarios registrados

Respondido : 19/04/2023 10:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

En este caso puedes indicarnos como estas añadiendo este menú en tu sitio web, lo que veo son algunos cambios de estilos cuando navega, si es posible coméntanos más detalles como añades este menú de esta forma podemos revisarlo con mayor detalle. 

De manera general comprueba si algun plugin está generando el conflicto, para verificarlo comprueba desactivar todos lo plugin y deja activo solo los requeridos para el menú, luego de ello comprueba como funciona la navegación, si todo funciona de forma correcta ve activando uno por uno mientras pruebas cuál causa el conflicto. 

Verifica esto y nos comentas como va todo

Un Saludo 

Respondido : 19/04/2023 11:30 pm

Cursos Gratuitos WordPress

Leonardo
 Leonardo
Usuario experto

@karen este menú fue creado con Divi, sin embargo, para crear 4 columnas (2 columnas para Carrera o Profesión y 2 columnas para Software) se integraron códigos de mega menú desde CSS Personalizado. En pocas palabras, es un sólo menú con estos códigos de personalización de apariencia. He realizado las siguientes pruebas:

1. He eliminado el menú diseñado con Theme Builder llamado Encabezado Global, al hacerlo desaparece de la Plantilla de sitio web predeterminada pero se crea otro menú personalizado en las demás plantillas que creé, siendo la misma apariencia que el menú desordenado que compartí anteriormente con todos sus enlaces donde aparece. Adjunto imagen del Antes y el Después de borrarlo.

2. He eliminado todos los códigos CSS Personalizado pero sólo se borra el menú principal que está en la home y que tiene la buena apariencia mientras se mantiene el mismo menú desordenado en las demás secciones.

Lo único que concluyó es que el código de mega menú está chocando con el menú diseñado en Theme Builder pero el gran problema es que al eliminar cualquiera de las dos opciones, no aparece el menú de la home que tanto deseo pero si dejo las dos opciones si se muestra pero en las demás secciones que están relacionadas con WooCommerce, se ve desordenado, no entiendo por qué sólo en las secciones de woocommerce se ve todo desordenado, no encuentro ningún código que altere o desordene este menú.

Enlace de la web: https://www.tiendaparaemprendedores.com/

Espero que puedan ayudarme a solucionar este grave problema.

Gracias.

Prueba 1   Después
Prueba 1   Antes

 

Respondido : 20/04/2023 3:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Leonardo.

Lo siento pero no se a que te refieres cuando dices que se ve desordenado.

Estos revisando el menú y lo veo igual en todas las páginas:

Captura de pantalla 2023 04 20 a las 16.28.35
Captura de pantalla 2023 04 20 a las 16.30.15

 

Un Saludo

Respondido : 20/04/2023 3:35 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Leonardo
 Leonardo
Usuario experto

@pepesoler me preocupa que no pueda verlo, si va a la home y compara ese menú principal y coloca el cursor en HERRAMIENTAS, ese menú secundario se ve centrado y ordenado, mientras que en los enlaces que compartí al inicio de este tema, todo se ve a la derecha y desordenado, incluso, envié captures al respecto, hasta el primer capture que me acaba de enviar se ve a la derecha y no como en la home, incluso Karen Ríos, quien llevó mi caso ayer, se dió cuenta del error y dijo lo siguiente: lo que veo son algunos cambios de estilos (estos cambios de estilo lo expliqué en el mensaje que leyó antes de contestarme).

He compartido también estas secciones con 7 colegas y todos ven los mismos desórdenes en el menú en esas secciones, le sugiero que pueda compartir el enlace de la home y los otros que compartí con sus demás colegas y verá que tengo la razón de esos errores y podrán leer todo lo que he explicado. Gracias.

Respondido : 20/04/2023 3:54 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

He estado analizado un código y el problema lo tienes en esta regla CSS

.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
top: calc(100% - 1px);
left: -410px!important;
}

Cuando está en el home añade un left de -410px mientras que dentro de alguna categoría lo marca a left: 0

image
image

Una opción para solucionarlo es modificar esto para las plantillas de las páginas archives, puedes probar por ejemplo añadiendo el siguiente código 

body.archive.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
left: -410px!important;
}

Si embargo ten en cuenta revisar estos estilos y porque sucede en estas URL tal vez tengas alguna regla añadida que alteres este posición del menu.

Un Saludo 

Respondido : 20/04/2023 4:46 pm

Leonardo
 Leonardo
Usuario experto

@karen ingresé a Theme Builder, edité todas las plantillas (En cada una fuí a Ajustes de Página - Avanzado - CSS Personalizado, integré el código que me compartiste y gracias a ello el 90% de las secciones se arreglaron (me gustaría que vieras todos los enlaces que compartí al principio y lo confirmaras), la única sección que todavía no se ha arreglado y no entiendo el por qué, es la sección donde se muestran los productos de forma individual como en este enlace https://www.tiendaparaemprendedores.com/herramientas/triunfa-con-tu-ebook-ana-nieto/, podrías ayudarme en ello?

Respondido : 20/04/2023 7:21 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

En este caso sucede porque es una plantilla diferente de página, prueba si el siguiente código te ayuda a solucionarlo

.product-template-default.et-db #et-boc .et-l .et-menu-nav li.mega-menu>ul {
left: -410px!important;
}

Un Saludo 

 
Respondido : 20/04/2023 8:06 pm
Leonardo me gusta

wpdoctor-revisa-la-salud-de-tu-wordpress

Leonardo
 Leonardo
Usuario experto

@karen muchísimas gracias, he logrado solucionar los problemas. Mil gracias por su ayuda.

Respondido : 20/04/2023 8:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lenardo, 

Enhorabuena ha funcionado, es un palcer siempre poder ayudarte

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 20/04/2023 8:50 pm
Leonardo me gusta

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación