FROM CACHE - es_header
Esta comunidad ahora recibe asistencia de una red de pares. El equipo de atención al cliente de Shopify ya no ofrece servicio a esta comunidad. Te animamos a conectar con otros emprendedores y partners para pedir ayuda y compartir tus experiencias. Sigue avisando de asuntos que incumplan nuestro Código de Conducta o contenidos que se deberían eliminar.

Menu Desplegable en versión Mobil

RESUELTAS

Menu Desplegable en versión Mobil

FelipeRobinson
Nuevo miembro
5 0 0

Hola! 

Me pasa que en la versión móvil de mi pagina el menú desplegable con las categorías se superpone con el botón "cerrar". ¿Como puedo moverlo?

WhatsApp Image 2024-08-28 at 17.50.43.jpeg

Gr

1 SOLUCIÓN ACEPTADA
ColombiaDev
Shopify Partner
201 11 26

Éxito.

Hola,

 

En styles.css busca esta linea 

.js .main-menu-links

Y auméntale el margin así:

 

.js .main-menu-links {
    margin: 25px 0 48px;
}

 Obviamente debes conservar lo demás que se encuentre dentro de esa clase. 

 

Un saludo.

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.

Ver la solución en mensaje original publicado

5 RESPUESTAS 5

Teo
Shopify Staff
2495 524 371

Hola, @FelipeRobinson:

 

Gracias por escribirnos. Entiendo que el menú desplegable de tu tienda online en la versión móvil aparece con el botón de cerrar sobrepuesto. Con todo, te gustaría ajustar el diseño, ¿cierto? Será un placer ayudar.

 

A modo de contexto, las opciones de personalización de diseño de los elementos de una página dependen del tema que estás usando. Por norma general, los temas admiten personalizaciones en la configuración del diseño del menú a través del propio editor de temas. Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar. En el menú de la izquierda, localiza Encabezado y, dentro, el apartado Menú.

 

Dime, ¿tu tema admite la personalización del aspecto del botón de cerrar del menú en versión móvil? Si no es así, sería de gran ayuda que me confirmases desde cuando notado que el botón aparece así. Aparte, ¿has hecho cambios de código o instalado alguna app externa recientemente? ¿Podrías también confirmarme el nombre de la plantilla que usas en tu tienda? Puedes revisarlo a través de Tienda online > Temas > Personalizar. En esta página, haz clic en los Tres puntos que aparecen en la esquina superior izquierda.

 

Te comento esto porque, en ocasiones, los cambios de código o apps pueden cambiar la estructura/diseño de las diferentes secciones de una tienda. Para poder solucionar esta cuestión, será necesario ajustar el código que está afectando al botón; el procedimiento puede variar según el tema que uses y su desarrollador.

 

Si utilizas un tema de Shopify, siempre puedes optar por instalar una versión diferente del mismo para ver si el error se soluciona. Si deseas seguir usando tu plantilla actual, pero el error permanece; me alegra informarte de que tenemos un equipo de especialistas en temas que puede solucionar esto. En este caso, necesitaremos acceso a tu cuenta. Para proceder, puedes escribirnos a través del Centro de Ayuda, haciendo clic en Contacta con atención al cliente. Esto nos permitirá ingresar a tu cuenta y hacer ajustar el botón.

 

Si utilizas un tema externo, lo ideal sería contactar revisar su documentación para ver si ofrecen algún tipo de personalización de este botón. Si no es así, puedes comunicarte con sus especialistas de soporte/desarrolladores para verificar si este diseño se trata de algún error con la estructura propia del tema. Te dejo un enlace a nuestra documentación con más información sobre el soporte de temas.

 

Mientras revisas esto y respondes a las cuestiones que te propongo, ¿cómo está siendo tu experiencia con Shopify hasta el momento? ¿Cómo va el resto de cuestiones con la configuración de tu tienda?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

ColombiaDev
Shopify Partner
201 11 26

Hola Felipe,

 

¿Podrías compartir la url de tu tienda?

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.
FelipeRobinson
Nuevo miembro
5 0 0

Hola! 

https://pedrazailustracion.com/

El tema de mi página es Alchemy. No me permite modificar el boton de cerrar. 

Intenté modificando el CSS pero no tuve suerte.

ColombiaDev
Shopify Partner
201 11 26

Éxito.

Hola,

 

En styles.css busca esta linea 

.js .main-menu-links

Y auméntale el margin así:

 

.js .main-menu-links {
    margin: 25px 0 48px;
}

 Obviamente debes conservar lo demás que se encuentre dentro de esa clase. 

 

Un saludo.

hulpify.com | Shopify Partners | Front-end Developer | Shopify | Liquid | Ruby | Javascript | API Rest | SEO | Optimización.
FelipeRobinson
Nuevo miembro
5 0 0

Muchas Gracias. Me sirvió el cambio.

 

Tengo otra consulta. En mi home page tengo 2 slideshow con botones. Como puedo hacer que la imagen completa sea clickeable y no solo el botón?