Archived topic

H6 Text in Element doesn't resize for mobile

3 replies · Started by Tina on November 1, 2018

Viewing posts 1–4 of 4

November 1, 2018 at 5:36 pm #716864

Hi, I'm using a H6 heading font on my front page element header. It is resizing for mobile, but one of the words in my heading is quite long so it gets cut off.

Is there anything I can do to perhaps make the h6 text smaller for mobiles?

Thanks.
-Tina

November 1, 2018 at 6:17 pm #716890

Hi there,

You could use this CSS:

@media (max-width: 768px) {
    h6 {
        font-size: 30px;
    }
}

November 1, 2018 at 6:31 pm #716897

Thanks Tom, it's perfect.

November 1, 2018 at 7:57 pm #716945

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.