Mobile Logo Size Too Large in Envy Theme

Solved
Highlighted
New Member
2 0 0

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

0 Likes
Highlighted
Astronaut
1126 190 228

This is an 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
◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
New Member
2 0 0

Genius! Thank you!

0 Likes
Highlighted
Astronaut
1126 190 228

@antoniettagooz 

You're welcome! Wishing you a nice week.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes