Is there a good way to control the size of text on a mobile

Hi,

Is there a good way to control the size of text on a mobile device.

There is a page on my site where the H2 tag "EDUCATION" is unable to display on the screen.

It displays as EDUCATIO
N

Some of the text appears a bit too large on other pages.

Is there a mobile specific setting to make the font resolve issues like this.

http://flat.rosskinney.com/education/

Thanks for your assistance with this question.

  • Michael Bissett

    Hey @Ross, hope you're doing well today! :slight_smile:

    I haven't used the Flat theme from Themify, but it's possible that there's settings inside of the theme that would handle this sort of thing. You'd want to get in touch with the developers about this though, as they're the ones who made it. :slight_smile:

    In the meantime, one way you could adjust this would be to use some custom CSS code, you could insert this into a plugin like Simple Custom CSS (or if your theme has an area inside of it for inserting custom CSS code, you could insert it there instead):

    @media only screen and (min-width: 320px) and (max-width: 480px) {
        h2 {
            font-size: 2.4em !important;
        }
    }

    Hope this helps! :slight_smile:

    Kind Regards,
    Michael

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.