Logo warped on mobile, narrative theme

Solved
MW333
Tourist
3 0 2

Hello, I'm using the narrative theme and my logo appears to be warped on mobile. Pictured below.

jank.png

Is there a simple fix for this or better yet, a way to use a smaller logo when on smaller screen sizes?

dmwwebartisan
Shopify Partner
7446 1768 2368

@MW333 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
7446 1768 2368

This is an accepted solution.

@MW333 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-header__logo-image{
height: auto !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
MW333
Tourist
3 0 2

@dmwwebartisan 

That worked! Thank you!

0 Likes