Change font text on mobile version

[NadiaCrisisEquipped]

Hello,

My website is https://crisisequipped.com
I’m wondering how to change the size of some of my headlines on the mobile version only. They look fine on the desktop version but if you look on mobile, it’s huge.

An example is this heading: (found under the slider in the homepage). If you’re able to see it on mobile, you’ll understand the text size discrepancy I’m talking about.

Thanks for your help!

[jade]

Hello Nadia,

You could do this through some custom CSS like this:

@media (max-width: 480px) {
    h1, .h1 {
        font-size: 30px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 24px;
    }
    h5, .h5 {
        font-size: 22px;
    }
    h6, .h6 {
        font-size: 2opx;
    }
}

Please change the font size values accordingly.

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.