CSS: make mobile font 16px

Hello,

I read that 16px font on mobile is good for usability. So I want to make a site in that way.
However I need some CSS help.
The theme does not have a setting (like some themes have) to set this correctly. So I am forced to do this via CSS which is not a problem but I just need some help/explanation so I can learn about it. I am also trying to learn CSS.

Let’s say I want all paragraphs 16px on mobile and 14 on desktop (which it is now). How to do so via Custom CSS?

How does inheritance work? Is that something to take into account in this case?
I ask it because when I look in “Mozilla inspector” I always see a lot of classes sometimes it confuses a bit.

Thank you

• This topic was modified 2 years, 7 months ago by Jan Dembowski.

The page I need help with: [log in to see the link]