Reduce mobile font

Solved
alesch90
Excursionist
25 0 6

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

 

dmwwebartisan
Shopify Partner
8317 1954 2635

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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1866 487 1169

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
PageFly Advanced Page Builder visit pagefly
0 Likes
alesch90
Excursionist
25 0 6

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

0 Likes
Natztech
Shopify Partner
1866 487 1169

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
PageFly Advanced Page Builder visit pagefly
0 Likes