How to change size of H3 heading on mobile?

[Tom]

Hi I would like to customize the font size of H3’s on mobile vs desktop. I don’t see that option right now – the font size seems to be the same.

The issue is that on mobile, my H2’s and H3’s are the same size.

Thanks,
Tom

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    h3 {
        font-size: 10px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

Great that worked for me

[Leo]

Awesome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts