How to change the size of my logo on mobile only in the header - Dawn them

[moosh44]

Hello,

I was wondering how can I change the size of my website header logo on mobile only?

I like the current size it is on desktop but on mobile it is too large and I want to make it smaller, in the theme editor I can only change the size for both.

URL: https://bliskbeauty.com/

Thanks in advance

[Dan-From-Ryviu]

Hi @moosh44 you can do that by adding this CSS code below at the bottom of your base.css file in Sale channels > Online store > Themes > Edit code > Assets > base.css

@media screen and (max-width: 749px) {
.header__heading-logo {
    max-width: 100px !important;
}
}

This is result

You can make it smaller by changing 100 value to smaller