Editing Mobile Font Size Down on Dawn Theme

Store Design
1

Hi I am trying to edit the mobile version of the body text font size to be smaller. I can’t find how to make the font smaller (1.2rem desired) I have tried pasting the following examples to the bottom of my base.css file among other variations of the same and can’t seem to achieve the desired results. I have tried using font size as pixels as well as rem.

body {
@media only screen and (max-width: 749px) {font-size: 1.2rem;}
}

AND

@media (max-width: 749px) { body { font-size: 1.2rem !important; } }

Please help! :slightly_smiling_face: Thank you in advance!

2

Hi @Kenzie622

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try my code

@media (max-width: 749px) { body * { font-size: 1.2rem !important; } }

Hope my solution works perfectly for you!

Best Regards;

Richard | PageFly

3

Hi @Kenzie622 ,

Please go to theme.liquid file and change code here:

Screenshot.png
Screenshot.png1136×790 36.8 KB

Hope it helps!

2 Likes
4

Oh my goodness!! Thank you so much! That helped greatly!! I have been looking for that little spot to edit everywhere!! Thank you so very much @LitCommerce !!

1 Like