Return to previous page

Hide site logo on mobile - by mykjones - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

mykjones

Participant

January 21, 2016 at 21:52

I would like to hide the main logo on the mobile site. How can I do this?

thanks

#109332 Copied Theme version: 2.5.1

3 Answers
Stan Russell

Participant

January 22, 2016 at 08:27
Hello mykjones,

please use following css code:
```
@media screen and (max-width:992px){
  .tp-mask-wrap,.header-logo{display:none!important}
  }
```
Regards,
Stan Russell.
#109372 Copied
mykjones

Participant

January 26, 2016 at 21:09

for some reason this removed my logo from the slideshow as well…odd

#110175 Copied
Jack Richardson

Support staff

January 27, 2016 at 09:56
Hello,

Try to use this code instead of the previous one in Theme Options > Custom CSS > Custom CSS for mobile:
```
.header-logo {
    display: none !important;
}
```
for some reason this removed my logo from the slideshow as well

Please show a screenshot where you want to keep logo.

Best regards,
Jack Richardson.
#110227 Copied
Tagged: hide logo mobile, mobile friendly, optimized performance, responsive design, seo friendly, woocommerce wordpress themes
Viewing 4 results - 1 through 4 (of 4 total)