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


@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!



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

Thank you very much !!


1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.