[Mark]

According to Google Search Console the text in mobile devices is too small. I already enlarged the font size of the text, but that only works on PC, not on mobile.
How can I enlarge the font size when in mobile?

My site is https://www.yogatherapie.be/

Thanks

[tikaram]

@mark1974: Can you please let me know the code that you have used to enlarge the fonts that works on PC. You will need to add media query for mobile devices. Please let me know the desired font size and the elements that you would like to get the font size enlarged for mobile devices.

Regards,
Tikaram

[Mark]

I didn’t use any code. I went to: ‘Theme Options’ -> ‘Font Size Options’ -> ‘Content Font Size’.
And there I changed Content Font Size from 14 px to 16 px.

[Mark]

I only want to enlarge the content font size. I have no idea to what size. It should be easily readable on a mobile device.

[tikaram]

@mark1974: Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

@media screen and (max-width: 479px) {
	body {
		font-size: 16px !important;
	}
 }

Let me know if this helps resolve your issue.

Regards,
Tikaram

[Mark]

Yes, thank you. That works perfect.

One more question, is it possible to make the margins around the text smaller so that, in mobile devices, more text can be in one line?

[Mark]

I just posted a new thread concerning my last question, about content width on mobile device.

[tikaram]

@mark1974: Please replace the previous css that I provided with the following css.

@media screen and (max-width: 479px) {
	body {
		font-size: 16px !important;
	}
	.wrapper {
		width:100% !important;
	}
 }

let me know if this helps resolve your issue.

Regards,
Tikaram

[Mark]

Perfect! Thank you so much Tikaram.

Regards,
Mark

[Author]

Posts