Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #270401
    Mark
    Participant

    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

    #270440
    tikaram
    Participant

    @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

    #270795
    Mark
    Participant

    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.

    #270939
    Mark
    Participant

    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.

    #271105
    tikaram
    Participant

    @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

    #271115
    Mark
    Participant

    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?

    #271298
    Mark
    Participant

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

    #271313
    tikaram
    Participant

    @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

    #271319
    Mark
    Participant

    Perfect! Thank you so much Tikaram.

    Regards,
    Mark

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘enlarge font size in mobile’ is closed to new replies.