How to remove a logo on all other pages and not on the header of the theme?

how to edit style to remove header logo from all the pages and not from the header pages in mobile mode and where should i put that style?

Hi

You have to write custom media query css for doing that. Do you know the logo/logo area class name. If you know then you have to write css:

.LOGO-CLASS {
      display: none;
   }

for all devices and then have to write media query for mobile devices as like:

@media screen and (max-width: 767px) {
   .LOGO-CLASS {
      display: block;
   }
}

chnage LOGO-CLASS with your exact logo classname. you can put all of these css into your theme style.css or theme any css file at bottom footer.

Thanks

1 Like