Enlace de inicio de sesión en el Móvil Web

Topic summary

Un usuario configuró el enlace de inicio de sesión en el encabezado de su tienda Shopify, que aparece correctamente en escritorio pero no en la versión móvil.

Explicación del problema:

  • En algunos temas de Shopify, la ubicación del inicio de sesión varía según el dispositivo
  • En móvil, típicamente aparece en la parte inferior del menú en lugar del encabezado

Solución proporcionada:
Se ofreció un código CSS personalizado para mostrar el enlace en el encabezado móvil:

  • Acceder a Tienda online > Temas > Personalizar
  • Ir a Configuración del tema y localizar CSS personalizado
  • Pegar el código media query proporcionado (para pantallas max-width: 749px)
  • Guardar la configuración

Resultado:
Otro usuario confirmó que la solución funcionó correctamente, calificándola como muy fácil de implementar. El problema quedó resuelto mediante esta personalización del tema.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

He configurado la opción de mostrar enlace de inicio de sesión en el encabezado de la tienda online, y se muestra correctamente en la versión de Escritorio.

Pero no aparece en la versión Móvil.

Hola, @sebastiandiaz21 :

Muchas gracias por escribirnos. Entiendo por tu mensaje que has configurado la opción de inicio de sesión para tus clientes. Sin embargo, esta no aparece en la versión móvil de la página web, ¿no es así? Será un placer poder ayudar y arrojar algo de luz sobre esta cuestión que nos propones.

A modo de contexto, la sección de inicio de sesión en algunos temas de Shopify varía dependiendo de si accedes desde un ordenador o un móvil. En algunas plantillas, esta sección se muestra en el encabezado en la versión de ordenador y en la parte inferior del menú en la versión de móvil. Dime, ¿podrías confirmarme si la opción de que los clientes inicien sesión en tu tienda aparece en la parte inferior del menú del móvil?

Si este es el caso y estás usando un tema de Shopify, es posible agregar un código al tema para cambiar el aspecto en la versión móvil. Dicho esto, ¿podrías confirmarme la plantilla que estás usando? Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar. En la nueva página, haz clic en los tres puntos que aparecen en la esquina superior izquierda para acceder al nombre de tu tema y desarrollador.

Si, en efecto, se trata de un tema de Shopify; necesitarás copiar el código que te dejo a continuación siguiendo los pasos que también te comparto a través del editor de temas de tu tienda:

@media (max-width: 749px) {> .header__icon.header__icon–account.link.focus-inset.small-hide {> display: flex !important;> }> }

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En el menú de la izquierda, selecciona el icono de Configuración del tema.
  4. Localiza la sección de CSS personalizado.
  5. Pega el código de más arriba.
  6. Guarda la configuración.

Hecho esto, la sección de inicio de sesión debería mostrarse en el encabezado en todos los dispositivos móviles desde los que accedas. ¿Podrías confirmarme si has podido aplicar el código y el icono se muestra correctamente? Si tu tema está desarrollado por un proveedor externo a Shopify, te recomendaría revisar la documentación del desarrollador o contactar con ellos; ya que podrán darte un mayor contexto sobre cómo proceder. Te dejo un enlace con información sobre dónde encontrar ayudar para tu tema.

Mientras tanto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿has podido comenzar a trabajar para mejorar la optimización para motores de búsqueda (SEO)? ¿Has podido hacer uso de la herramienta de informes y estadísticas de Shopify? Si es así, ¿Cómo van las estadísticas de sesiones, conversiones, adquisición, ventas, etc. con tu negocio?

1 Like

Muchas gracias! A mi si me funcionó :grinning_face_with_smiling_eyes: y además muy fácil.