Hide Logo on Mobile Version

Hi everyone,

I am having trouble hiding the header logo for non desktop screens. I have tried adding a class to the image and added the custom css:

/hide images with class ‘desktoppic’ from mobile versions/
@media only screen and (max-width : 767px) {
.desktoppic {
display: none;
}

but no luck. Help? Please o’ please.

See link http://katiekapow.com/

Hello there,

I hope you are doing well today.

Please try this CSS code instead:


/*hide images with class ‘desktoppic’ from mobile versions*/
@media only screen and (max-width : 767px) {
img.desktoppic {
display: none;
}


Best Regards,
Support

It worked.

Fabulous, many thanks!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support