[Resolved] Hide logo on small screen

[Ludek]

Hi Tom,
I would like to hide logo at my site http://www.ssu.cz. In editor I tried to add css code I found here in forum, but without success, logo is still visible on my mobile (screen size 480×800 px). Can you help please?

Ludek

@media all and (max-width: 500px) {
.site-logo {
display: none;
}
}

[Tom]

How did you add that CSS? Using a plugin, or?

The mobile breakpoint for GP is 768:

@media (max-width: 768px) {
      .site-logo {
            display: none;
      }
}

Let me know 🙂

[Dee Broughton]

I have to use !important on mine when I hide the logo this way.

[Ludek]

Resolved. First I put it directly into style.css with no luck. Now I used Simple Custom CSS plugin and it works OK.

[Tom]

Perfect 🙂

[Author]

Posts