Change logo in header for mobile app only

[Brocchi]

Hello,

So I have the logo placed on the header, and it looks nice on the desktop, but on the mobile app it overlaps with the logo banner I have. I would like for the logo to be removed from the header of the mobile version and keep it on the desktop version.

Is there any way we can make this possible?

[Dan-From-Ryviu]

Hi @Brocchi

You can add this code at the bottom of your base.css file in Online store > Themes > Edit code to do that

@media (max-width: 767px) {
h1.header__heading { display: none !important; }
}

[Brocchi]

This was extremely helpful!

Thank you so much!

[Dan-From-Ryviu]

Happy I could help!