- This topic has 8 replies, 2 voices, and was last updated 2 years, 10 months ago by Mark.
-
AuthorPosts
-
January 9, 2021 at 9:15 am #270401MarkParticipant
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
January 9, 2021 at 11:45 pm #270440tikaramKeymaster@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,
TikaramJanuary 13, 2021 at 8:34 am #270795MarkParticipantI 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.January 14, 2021 at 10:50 am #270939MarkParticipantI only want to enlarge the content font size. I have no idea to what size. It should be easily readable on a mobile device.
January 16, 2021 at 5:44 am #271105tikaramKeymaster@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,
TikaramJanuary 16, 2021 at 7:50 am #271115MarkParticipantYes, 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?
January 18, 2021 at 4:20 am #271298MarkParticipantI just posted a new thread concerning my last question, about content width on mobile device.
January 18, 2021 at 5:54 am #271313tikaramKeymaster@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,
TikaramJanuary 18, 2021 at 8:31 am #271319MarkParticipantPerfect! Thank you so much Tikaram.
Regards,
Mark -
AuthorPosts
- The topic ‘enlarge font size in mobile’ is closed to new replies.