FROM CACHE - es_header
RESUELTAS

Tamaño de letra de menú

ruthdu
Curioso(a)
11 0 2

Buenas, me gustaría poder aumentar el tamaño de la letra del menú superior de la plantilla Dawn, ya que se muestra demasiado pequeña:

ruthdu_1-1698395665146.png

 

 

Encontré un hilo en el que se preguntaba lo mismo (https://community.shopify.com/c/temas-de-shopify/editar-tama%C3%B1o-de-la-fuente-en-la-plantilla-daw...) pero al cambiar el porcentaje del font-size se cambia el tamaño de todos los textos, no sólo el del menú. No sé si sabrían ayudarme.

 

Gracias.

1 SOLUCIÓN ACEPTADA

Teo
Shopify Staff
2149 487 305

Éxito.

Hola, @ruthdu:

 

Gracias por escribirnos. Entiendo por tu mensaje que te gustaría aumentar el tamaño de los elementos del menú principal para el tema Dawn, ¿cierto? Será un placer poder ayudar.

 

Antes de nada, en relación con este hilo que estás revisando; he de informarte de que la solución se centra en modificar el tamaño de la fuente a nivel general en dicha plantilla. Para editar únicamente el tamaño de la letra de los elementos del menú; será necesario hacer un cambio diferente de código.

 

En este caso, para proceder con un aumento del tamaño de los elementos del menú, puedes añadir un extracto de CSS personalizado en la propia configuración del tema. Con CSS personalizado, podrás personalizar con más eficiencia el aspecto/diseño de los diferentes elementos de tu tema. En el caso del tamaño, puedes utilizar el extracto de código CSS que te dejo a continuación:

 

.header__inline-menu .link {
 font-size: 1.8rem !important;
}

 

Para añadirlo a tu tema, puedes seguir estos pasos:

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En los iconos de la izquierda, selecciona Configuración del tema.
  4. Localiza la sección CSS personalizado.
  5. Pega el código que te comparto.
  6. Guarda la configuración.

 

Ten en cuenta que puedes ajustar el tamaño a tu gusto cambiado la cantidad numérica que actualmente te expreso como 1.8rem. Te dejo un enlace externo en el que se explica con más detalle qué es y cómo funciona la unidad de medida rem en CSS. Dime, ¿podrías confirmarme si este cambio se ajusta a lo que buscas?

 

Si no estás a gusto haciendo este tipo de cambios de código CSS, puedes escribirnos a través de este enlace. Si cumples con los requisitos de diseño, nuestros especialistas podrán implementar esto por ti. Alternativamente, también puedes contratar a un experto de Shopify. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier personalización. Entretanto, ¿cómo está siendo tu experiencia con Shopify? ¿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

Ver la solución en mensaje original publicado

1 RESPUESTA 1

Teo
Shopify Staff
2149 487 305

Éxito.

Hola, @ruthdu:

 

Gracias por escribirnos. Entiendo por tu mensaje que te gustaría aumentar el tamaño de los elementos del menú principal para el tema Dawn, ¿cierto? Será un placer poder ayudar.

 

Antes de nada, en relación con este hilo que estás revisando; he de informarte de que la solución se centra en modificar el tamaño de la fuente a nivel general en dicha plantilla. Para editar únicamente el tamaño de la letra de los elementos del menú; será necesario hacer un cambio diferente de código.

 

En este caso, para proceder con un aumento del tamaño de los elementos del menú, puedes añadir un extracto de CSS personalizado en la propia configuración del tema. Con CSS personalizado, podrás personalizar con más eficiencia el aspecto/diseño de los diferentes elementos de tu tema. En el caso del tamaño, puedes utilizar el extracto de código CSS que te dejo a continuación:

 

.header__inline-menu .link {
 font-size: 1.8rem !important;
}

 

Para añadirlo a tu tema, puedes seguir estos pasos:

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En los iconos de la izquierda, selecciona Configuración del tema.
  4. Localiza la sección CSS personalizado.
  5. Pega el código que te comparto.
  6. Guarda la configuración.

 

Ten en cuenta que puedes ajustar el tamaño a tu gusto cambiado la cantidad numérica que actualmente te expreso como 1.8rem. Te dejo un enlace externo en el que se explica con más detalle qué es y cómo funciona la unidad de medida rem en CSS. Dime, ¿podrías confirmarme si este cambio se ajusta a lo que buscas?

 

Si no estás a gusto haciendo este tipo de cambios de código CSS, puedes escribirnos a través de este enlace. Si cumples con los requisitos de diseño, nuestros especialistas podrán implementar esto por ti. Alternativamente, también puedes contratar a un experto de Shopify. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier personalización. Entretanto, ¿cómo está siendo tu experiencia con Shopify? ¿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