Archived topic

Hide logo on small screen

4 replies · Started by Ludek on April 12, 2015

Viewing posts 1–5 of 5

April 12, 2015 at 5:38 am #97882

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 480x800 px). Can you help please?

Ludek

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

April 12, 2015 at 11:15 am #97936

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 :)

April 12, 2015 at 11:29 am #97944

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

April 13, 2015 at 12:08 am #98154

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

April 13, 2015 at 9:48 am #98292

Perfect :)

This archived topic is closed to new replies.

Start building better websites today.