Mobile Logo Size Too Large in Envy Theme

[antoniettagooz]

Hi.

I am almost done editing my site but am running into a problem with my mobile site. The logo is not resizing to a smaller size. I am using the Envy theme and tried the solution in another post, without success. Please help.

www.selfishyoubeauty.com

Thank you,

Antoinette

[diego_ezfy · Accepted solution]

Hey,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media (max-width:650px){
    .site-header__logo-image img{
        max-width: 60vw !important;
    }
}
</style>

Please let me know whether it works.
Kind regards,
Diego

[antoniettagooz]

Genius! Thank you!

[diego_ezfy]

@antoniettagooz 

You're welcome! Wishing you a nice week.

[idah123]

Hi there,

I tried doing this but it didn't work for mine, do you know how I could do the same? My mobile view makes the logo too big.

Thanks so much,

Zoe

[Gougasian]

I dont have a </body> in the theme.liquid section

[diego_ezfy]

@Gougasian 

This is a vital piece of code that is most definitely available in every single theme's theme.liquid file. It would be the equivalent of a car not having a steering wheel. 

You could have deleted it accidentally or you're in a different file (a file like theme-backup.liquid is not the same as theme.liquid). 

Kind regards,
Diego