How to change font sizes on WordPress for mobile

Discussion in 'WordPress' started by lesportifs, Apr 9, 2014.

  1. #1
    Sup guys,

    I own a wordpress site but I need to make changes for my mobile traffic.

    One of the changes is to increase all font sizes on the site (according to Google PageSpeed Insights).

    Is there a plugin for this or I just need to put a line code in a specific file to increase ALL the font sizes on the site when someone using a mobile device is on my site ?

    Thank you
     
    lesportifs, Apr 9, 2014 IP
  2. Nigel Lew

    Nigel Lew Notable Member

    Messages:
    4,642
    Likes Received:
    406
    Best Answers:
    21
    Trophy Points:
    295
    #2
    This is typically done in CSS or theme settings. We need a link to advise you accordingly.

    Nigel
     
    Nigel Lew, Apr 9, 2014 IP
  3. kenzo22

    kenzo22 Member

    Messages:
    177
    Likes Received:
    11
    Best Answers:
    2
    Trophy Points:
    43
    #3
    I don't know exactly how things on your site are styled, but in general it can be done by adding media query to your main CSS stylesheet (probably style.css or something similar). At the end of this file you can add:

    @media (max-width: 767px) {
    <your styles ONLY for devices up to 767px wide>
    }

    I don't know how much do you know about html/css but googling "css media queries" will give you appropriate info.
     
    kenzo22, Apr 9, 2014 IP
  4. lesportifs

    lesportifs Member

    Messages:
    116
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #4
    Started a conversation with you.

    I will check that out and test it with a "test site" before trying with the real site.
     
    lesportifs, Apr 9, 2014 IP