[Resuelto] Problemas con el menú principal  

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 

@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.

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:

Un Saludo

@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.

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

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 

@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?

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 

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

Hola Lenardo, 

Enhorabuena ha funcionado, es un palcer siempre poder ayudarte

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊