Font styling lost on mobile?

[crashprojects]

I have swapped out some fonts for a site I inherited and their style/color info is being lost on mobile. It’s fine on desktop but turns all black on smaller screens/mobile devices. Despite screwing around with a bunch of different things I can’t seem to get it to change. Any ideas?

http://tap.ckbuilds.com/drink/

Thanks for reading.

[Paulie_D]

Could you be more specific?

What fonts and where on the page?

Does this suddenly happen, what do your Developer Tools tell you?

[crashprojects]

It’s the title of the beer and the ABV/IBU. The fonts are correct but the colors are lost when the screen size shrinks. The dev tools aren’t helping in this instance.

[rkieru]

I think the issue is in your CSS formatting, though it’s difficult to confirm. Take a look at your main.css file and see if your color identifiers aren’t accidentally nested into the @media query you have beginning at line 1176 @media (min-width: 1107px) {

[crashprojects]

@rkieru

Thank you! That’s exactly what it was. Missing bracket. So great to have an extra set of eyes!

Thanks again.

[Author]

Posts