How to adjust font size for mobile devices

[Allen6224]

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]

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

[mageplaza-cs]

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. 

[PageFly-Henry · Accepted solution]

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