(URGENT) Mobile logo too small on Shopify Turbo theme

This is what the logo looks like at the moment in the Turbo theme. I would like to make it bigger and overall be able to change its size without it getting distorted and messing up the header of the theme.

My website URL is: https://flashydrops.com/

Anyone, please?

@BobbyVee - it can be done will need multiple css editing, can be made like this

That would look good yes, could you please send me the code for it?

@BobbyVee add this to your styles.scss file, this should work and make sure that you add it to the very end of the file

@media only screen and (max-width: 798px)

{
header a.mobile_logo img {max-height: 60px;}
header .top-bar{height: 70px;}

.cart-container .mini_cart {height: 70px;}
.top-bar .top-bar–right{height: 70px;}

}

1 Like

That worked out perfectly, thank you!

Hello Suyash,

I’m having the same problem uploading my logo on the Turbo Portland theme: it looks too small both on desktop and mobile.

I’ve tried applying your solution, putting the code you sent in the styles.scss file but then it pops up a message that I attach on here and the site looks like this:

How can I solve this? Thank you> >

@Pamela94 - hi, that message is not issue, I think you did not copy complete code, some } or something missing hence site showing like this, can you please share the site link?

1 Like

I dont have the syle.scss file on my theme. Just to be sure, I went into the edit code section of turbo theme and under assets I found style.css not scss. i pasted the code as instructed and it didn’t change anything. how else can I fix this.thanks

@littrendz - code is different for different sites, can you share your website link?

Hi Suyash1

I was wondering if you could help me as well? My logo looks small on both the desktop and mobile versions. I am using Turbo Tennessee theme.

Thank you so much!