Adjust size of font on mobile

Hello,
I have completed my site but the fonts are still too large when viewed on a mobile.
Can you tell me where in the style sheet I can reduce the size of the font when viewed on a mobile?
I don’t know which @media to adjust.

Thank you,

Hello there,

Please share your site URL here and point me to the text which has bigger size, so I can provide you with the exact solution.

Regards,
Kharis

Its the text size that appears on top of the slider that I would like to reduce on mobile views.

Hello there,

Try adding this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (max-width:480px) {

  .text-slider .maintitle {
     font-size: 22px;
  }

  .text-slider .subtitle {
     font-size: 16px;
  }
  
}

Regards,
Kharis

Thank you that helped!

Cheers,
Nicole

You’re welcome, Nicole!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis