Changing font size on mobile

  • Author
    Posts
  • #160323

    vleksander98
    Member
    Original poster

    Hello again!

    Few days ago, I was analysing my page (with Ctrl+Shift+I) with my brother who is much more into web desing than me and what he showed me is that mobile version of my site looks much better with smaller font size. We tried size 15 if I remember correctly and the text formatting looked just like I wanted all this time while being justified and it didnt have all those huge blank spaces I wanted to get rid off. Unfortunately we weren’t able to make those changes in the Custom CSS, so I would be really gratefull If You could help me (once again) with making this change.

    What I ask for is the CSS code that would make me able to adjust font size on mobile version of site.
    I ve also included the screenshot of current CSS situation of my site, because last time You have helped me to “/* justify left-aligned text in singular views in all devices except mobile */” and since my brother showed me that justified looks alright on mobile display when font is smaller, I think I wont need exception for mobile anymore, but I still would like justifing in singular view option to still work. If You could help me with this one as well that would be really nice.

    Sorry for troubling you so much with all those text issues but I really would like it to look in the best way possible.

    Thanks in advance and have a lovely new year :)

    SCREENSHOT

    The blog I need help with is: murasakishiroi.com

    #160331

    tarasdashkevych
    Theme Author

    Hello Aleksander,

    “… Unfortunately we weren’t able to make those changes in the Custom CSS …”
    – To change a main font size of your site in smaller screens, please add this custom CSS to the site:

    
    @media (max-width: 500px) {
      body {
        font-size: 15px;
      }
    }
    

    “… I think I wont need exception for mobile anymore …”
    – If you want to have a justified text in all views, please remove the middle CSS block in your custom CSS shown in the screenshot, and also please remove media queries other two CSS blocks. Here is a screenshot: https://snipboard.io/jGpYa7.jpg

    Please let me know if you have any additional questions.

    May all your goals be achieved, and all your plans be fulfilled. Have a blessed year ahead!

    Kind regards,
    Taras

    #160379

    vleksander98
    Member
    Original poster

    Thanks a lot! Everythink looks like I wanted now. Hope You to have a wonderfull and healthy year as well :)

    #160395

    tarasdashkevych
    Theme Author

    You are very welcome, Aleksander! :)

    Kind regards,
    Taras

The topic ‘Changing font size on mobile’ is closed to new replies.