Problemas con el header de la pagina

[Loopart]

¡Hola! Estoy teniendo un problema con el header que no logro identificar. Mi pagina cuenta con menús desplegables pero a la hora de pasar el cursor sobre ellos, aparece un header duplicado:

¿Alguien sabe que podría ser? 

Debería verse así: 

pero se ve así: 

[Ann]

Hola @Loopart,

Gracias por escribir en los foros de la comunidad. Entiendo que el encabezado de tu tienda se ve duplicado, ¿verdad?

Antes de nada, ¿qué tema estás usando? ¿Has editado el código del tema o instalado alguna aplicación recientemente?

Para empezar, te recomiendo seguir estos pasos que pueden ayudarte a solucionar el problema, ya que puede deberse a algo local: 

• Borra el caché y cookies en tu navegador.
• Prueba en otro navegador web o en una ventana incógnito.
• Confirma que estás usando uno de los navegadores compatibles con Shopify y que el navegador web esté actualizado en la última versión.
• Prueba con otro dispositivo o en la aplicación móvil Shopify.

Si después de realizar estos pasos aún presentas el problema, te recomiendo ingresar a la tienda usando un tema fresco de Shopify. Esto te permitirá identificar si el problema está presente solo en tu tema actual o si se encuentra presente en todos los temas. Te comparto los pasos para hacerlo: 

1. Ingresa al administrador de tu cuenta y ve a Tienda online > Temas > Biblioteca de temas.
2. Descarga un tema fresco de Shopify y haz clic en los tres puntos > Vista previa.
3. Si el encabezado de la tienda se visualiza correctamente, puedes confirmar que el error solo se encuentra presente en tu tema actual, probablemente porque hubo cambios en el código del tema que están afectando el comportamiento de tu página. 
   • Si adquiriste el tema en nuestra tienda de temas, te recomiendo contactar a nuestro equipo de soporte por correo o chat a través del Centro de Ayuda. Ellos podrán ingresar a tu cuenta y escalar el caso al equipo técnico para que te ayuden a revisarlo.
   • Si compraste el tema fuera de nuestra tienda, te recomiendo contactar a los desarrolladores y solicitarles soporte. 
4. Si el encabezado se ve doble al visualizar la tienda desde un tema fresco, te recomendamos revisar si has instalado alguna aplicación relacionada con los menús o con el diseño de la página, que pueda estar afectando el comportamiento. Una vez identifiques la aplicación, te sugerimos desinstalarla para comprobar si el problema se arregla. Si necesitas soporte adicional te recomendamos contactar a los desarrolladores de la aplicación.

Por el momento, ¿dónde se encuentra localizada tu tienda? ¿Planeas vender nacional o internacionalmente? ¿Ya has terminado de configurar todas las áreas de la cuenta?

[ColombiaDev]

Hola,

¿Podrías compartir la url de tu tienda para verlo?

Un saludo.

[Loopart]

¡Hola! Muchas gracias por el apoyo : ) 

Claro que si! Esta es la pagina: https://sabordurazno.com

[Ann]

Hola @Loopart,

Gracias por compartir la URL de tu tienda. Efectivamente, pude replicar el problema que presentas y ver que el menú aparece duplicado al pasar el cursor encima de él. Quisiera preguntarte, ¿pudiste replicar el problema desde un tema fresco de Shopify para identificar si el problema está relacionado con tu tema actual o con una aplicación? ¿Cuál es el nombre del tema que estás usando? 

Recuerda que si el problema se relaciona con el tema que estás usando y adquiriste el tema en nuestra tienda de temas, puedes contactar a nuestro equipo de soporte por correo o chat para recibir asistencia técnica con tu tema. Si no estás seguro del nombre del tema, puedes revisarlo ingresando a Tienda online > Tema actual > Personalizar. Haz clic en los tres puntos en la sección de arriba a mano izquierda y confirma el nombre. 

Por el contrario, si el problema se presenta también en un tema fresco, te recomiendo revisar si hay alguna aplicación que pueda estar causando el problema y desinstalarla para comprobar si este se corrige. Quedo atenta por si necesitas algún soporte adicional. 

[ColombiaDev]

Hola.

Mirando tienes un problemas de estilos.

ANTES QUE NADA DUPLICA Y PRUEBA LO SIGUIENTE EN ESA PLANTILLA QUE DUPLICAS:

Por favor entra a Editar Código > filtras en el cuadro de búsqueda la palabra "style.min.css" > y justo debajo de todo, SIN tocar nada más pegas este código:

.nt_menu .type_list .sub-menu, .nt_menu .type_mega .sub-menu {
    padding: 0px 0px!important;
    max-height: 75vh!important;
    overflow-y: initial!important;
}

Ten presente que es una practica no tan aconsejable hacer esto, se debería modificar directamente los estilos de esta clase pero no sé si tengas experticia por eso utilizo el !important y te sugiero que lo pongas debajo de todo.

Un saludo. 

[Loopart]

¡Hola! Muchas gracias por tu amable respuesta : ) 
Si me ayudo! Ahora el menú se despliega, pero por alguna razón sigue mostrando el menú duplicado, De casualidad sabes porque podría estar pasando esto?

[Val]

Gracias por responder con esta actualización, @Loopart.

Aparte de los consejos que puedas recibir de nuestros usuarios con más experiencia y expertos, como el menú de cabecera se sigue publicando, me gustaría confirmar contigo si has realizado las pruebas que ha comentado anteriormente mi compañera.

Es decir, ¿has tenido oportunidad de descargar un tema nuevo de la tienda de temas (uno gratuito de Shopify) y comprobar si el menú también se duplica en este tema nuevo?

Como prueba alternativa, también puedes crear un nuevo menú de cabecera y asignarlo tanto al tema actual como el tema nuevo para ver si se repite el error. ¿Cómo está configurada ahora mismo la navegación de tu menú principal?

En caso de que se repita, y de que estés usando un tema de Shopify, quizás lo más recomendable, aparte de revisar las aplicaciones externas que tengas activas, sea que contactes con el soporte de temas para comprobar qué exactamente podría estar afectando al menú principal.

Por lo demás, ¿cómo están yendo las cosas por tu tienda? ¿Estás recibiendo un buen número de visitas?