How can I resize my mobile logo without losing quality?

Store Design
1

My mobile logo is too small ,

I need it this size.

resized logo.jpg
resized logo.jpg457×120 8.74 KB

but not blurry .

Thanks.

2

Hi @Gallacher11 ,

Thank you for reaching out to the Shopify Community!

Please share your store URL here and allow me to check it for you.

Thanks & Regards,
Ahsan ANC

3

www.gotdripp.co

4

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> styles.scss.css ->paste the below code at the bottom of the file.
@media only screen and (max-width: 768px){
#header .top_bar {
    height: 60px;
}
#header a.mobile_logo img{
  max-height: 90%;
}
}
5

Nope didnt work , been having real trouble with this.

6

i cannot find the code in your theme file. please add the code so I can see it, how it is working.

7

I have added it

8

please share the screenshot where you added that code

please remove the above code from that file.

paste the following code in the “theme.liquid” file before the tag.
9

I pasted at the bottom of style.scss .

have removed that now .

added in the theme.liquid file still doesnt seem to work.

10

in the theme.liquid file replace the previous code with this one
11

fantastic . it worked!

Thankyou.