XF 2.1 Logo text on mobile

[HenrikHansen]

I have a "text logo" with code inserted in extra.css.

Podcasts.dk forum

It is black but need to be white on mobile because the text logo is shown on the blue line on mobile.
Any suggestions how to do this?


.ctaLogoText,
.ctaLogoTextSmall
{
font-size: 20px;
text-transform: uppercase;
font-weight: 800;
font-family: 'Tahoma', sans-serif;
color:black;
}

 

[BassMan]

Add this:

.ctaLogoTextSmall {
    color: #fff;
}

 

[kolakube]

A simple media query to detect the current screen size will do the trick:

@media all and (max-width: 650px) {
    .ctaLogoText, .ctaLogoTextSmall { color: #fff; }
}