Change logo size mobile/desktop view

Solved
Liz93
Excursionist
41 0 13

Hello,

I have a debut theme and would like to change the size of my logo for desktop view only. It looks good on mobile, although not big enough on desktop.

https://yoursimpleliving.com/

test27

Thanks!

Replies 11 (11)
Natztech
Shopify Partner
2237 565 1373

This is an accepted solution.

hello @Liz93 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.site-header {width: 100% !important;}
.site-header__logo-image  {max-width: 235px !important;}
.site-header__logo-image  >img {
        max-width: 240px !important;
}
}

 

View solution in original post

Liz93
Excursionist
41 0 13

@Natztech Thank you so much, it worked!