Font size for mobile view

[mat3d]

Hi everyone,

I'm trying to increase the size of the font when the website is viewed on a mobile phone. I understand that I need to change the css code of the child theme (Media Queries) but so far my attempts have been unsuccessful.

Any tips on how to get it right? I've searched this forum and read older threads but still can't find a solution.

I'm running the latest version of Metro Pro and Genesis.

Thanks

Mat

[Erika]

Hi Mat,

Try:

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

body > div {
	font-size: 2rem;
}

}

You can always change the font size and screen size of the media query if you want to include tablets.

[mat3d]

Hi Erika and thank you, your code is working.

[Erika]

You're welcome!

[Author]

Posts