Can I adjust font size separately for mobile and desktop versions using CSS?

[fabian_dimas]

Hola...estoy modificando el diseño del tema Combine...

En la sección de Deslizador Vertical he configurado el Tamaño del Titular con un tamaño de fuente Muy Grande, me gusta como se ve en mi version escritorio sin embargo en mi version móvil no tiene el aspecto deseado.

¿Hay alguna manera de modificar el tamaño de la fuente con CSS para ambas versiones por separado? Es decir...Por ejemplo: 45px version escritorio y 30px version móvil?

Gracias!

[Natasha-Saed]

Hola,

Seguro que esto se puede hacer fácilmente. ¿Podrías compartir la URL de tu tienda para poder ayudarte con esto?

[fabian_dimas]

Claro... te comparto este preview: 

https://atc779acu8kw7d5n-85196931384.shopifypreview.com 

El header que aparece al inicio es el que falla en mi version móvil...

Gracias!! 

[Natasha-Saed · Accepted solution]

1) Go to online store
2) Click on Edit Code
3) Open your theme.css file
4) Paste the below code at the bottom and save

@media only screen and (max-width: 768px) {
.heading-size--xlarge {font-size: 30px !important;}
}

1) Ir a la tienda en línea
2) Haga clic en Editar código
3) Abra su archivo theme.css
4) Pegue el siguiente código en la parte inferior y guárdelo.

cambie el tamaño de fuente 30px a su valor favorito