Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 27, 2014 at 11:45 pm #230345
    D5WDesignGroup

    Is there a way to decrease the font size of certain text when the site goes responsive on a mobile device? I would like to be able to make some of my desktop headings quite a bit larger but they get cut off when viewed on a phone since the font size remains the same. How can I specify what the font size will be when viewed on a mobile device?

    February 28, 2014 at 7:13 am #230457
    Ismael

    Hi D5WDesignGroup!

    Which headings are you trying to change? You can use Media Queries to target a certain screen size. 

    @media only screen and (max-width: 767px) {
 h2 {
 font-size: 12px;
}
}

    Regards,
    Ismael

    March 7, 2014 at 1:57 am #233447
    D5WDesignGroup

    Thanks, works perfect!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How can I reduce font size on mobile device.’ is closed to new replies.