How to adjust font size for mobile devices

Store Design
1

Hi,

I wanted to know how to adjust the text font size and text font size for mobile devices. I wanted to make this text a little smaller.

Allen6224_0-1718004039758.png
Allen6224_0-1718004039758.png411×720 40.6 KB

2

my website is www.liftchairheaven.com. Currently, i have title font size of 23px and text size 16px

3

Hi @Allen6224 ,

You can go to your Online Store > Themes > Customize > Theme Settings> Custom CSS and add this code

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

On the custom CSS, you can change 1.4rem to px value.

4

Hi @Allen6224

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

strong[data-mce-fragment=“1”] {

font-size: 23px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly