Reducing mobile font size on Hueman Theme

Hi,

Yes, it is something you can do with CSS in your child theme. You will have to specify the device(s) you want to target through media queries.

The desktop font size is 18px, and it is 15px for the mobile screens (less than 719px). If you want to reduce it you can try to put :

@media only screen and (max-width: 719px) {
   /* base */
   .entry {font-size:14px;}
}

I recommand you to go check the style.css file of your parent theme. You’ll find more info about customizing your CSS, and find out where to look for the main.css file for the theme.

It’s always a good idea to look at your parent theme’s CSS file before adding some CSS to your child theme. That way, you can find the right elements to work on. Also, if you keep a similar structure than the parent’s file, it will be easier to maintain it on a long term.

That did the trick! I will definitely check the style.css file in the parent theme and try to learn some things.