Help with @media query and font size

Support
#1

I’m trying to shrink a specific H3 for smaller screen sizes. The class I’ve used is .struggle and here’s the CSS:

@media only screen and (max-device-width: 767) {
h3.struggle {
font-size: 1em;
}
}

This doesn’t appear to effect the font-size at all, at any screen size. Would greatly appreciate some help.

URL: https://ors.apl.mybluehost.me/8wc/

The block of text I’m referring to is “Your struggle today…”

#2

Hello @netherway,

Thanks for asking. :slight_smile:

I can see under construction message on your website. But looking at the code, I see an issue. You haven’t added px after 767. It should be 767px. Please correct that and let us know how it goes. You can also refer following post for more information on media queries:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.