No Logo on mobile

Can anybody help me ?

My site logo is interfering with text on mobile phones

Theme is from Themeflood (thanks Will)

I tried adding this into the CSS site-wide box - am I close ?

Many thanks

Jol

@media only screen and (max-width: 767px){
#siteLogo {
display: none;
}
}

Sorry if I wasn’t clear - I want to hide the logo on small screens : )

Try this for hiding the banner logo image on screens less-than 767px wide:

@media screen and (max-width: 767px){
    .logo {
        display: none !important;
    }
}

You were very close!

Just a slight mistype in your media breakpoint and it might be easier to target the .logo selector to capture all the logo placeholders in this particular theme.

:100: for effort!

:smiley:

3 Likes

Ever kind and generous Will - in both the fix and the comment

Thank you very much !!

Jol

1 Like