FROM CACHE - en_header

Reduce mobile font

Solved
alesch90
Excursionist
29 0 7

Hi guys!

I would like to reduce the font size in the mobile version of the three boxes in the homepage "no pesticides needed, use 1/3 water than cotton and incredibly soft

here is URL: https://yoku-apparel.com/

could you please help me?

thank you so much

Ale

 

Accepted Solutions (3)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2379 3404

This is an accepted solution.

@alesch90 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 589px){
#shopify-section-1625149980e353afa3 h3 > span{
font-size: 22px !important;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @alesch90 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen  and (max-width: 789px){
#shopify-section-1625149980e353afa3 .grid  .grid__item h3 >span{
	font-size: 20px !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @alesch90 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

   @media only screen  and (max-width: 489px){
#shopify-section-1625149980e353afa3 .grid  .grid__item h3 
{   
       line-height: 15px;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
11014 2379 3404

This is an accepted solution.

@alesch90 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 589px){
#shopify-section-1625149980e353afa3 h3 > span{
font-size: 22px !important;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @alesch90 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen  and (max-width: 789px){
#shopify-section-1625149980e353afa3 .grid  .grid__item h3 >span{
	font-size: 20px !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
alesch90
Excursionist
29 0 7

Hi guys! thank you so much it worked!

I just would like to reduce the distance between images and text and distance between the two lines of text (always mobile version and always same 3 boxes)

here the link: https://iko488nt5szmm5rd-54601089217.shopifypreview.com

thank you so much!!!

Ale

Kinjaldavra
Shopify Partner
2302 569 1407

This is an accepted solution.

hello @alesch90 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

   @media only screen  and (max-width: 489px){
#shopify-section-1625149980e353afa3 .grid  .grid__item h3 
{   
       line-height: 15px;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder