jbob
(jol yates)
July 28, 2020, 3:49pm
1
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;
}
}
jbob
(jol yates)
July 28, 2020, 3:51pm
2
Sorry if I wasn’t clear - I want to hide the logo on small screens : )
willwood
(William Woodgate)
July 28, 2020, 7:05pm
3
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.
for effort!
jbob
(jol yates)
July 28, 2020, 9:44pm
4
Ever kind and generous Will - in both the fix and the comment
Thank you very much !!
Jol