Resize Logo

Solved
MarioCamora
Tourist
12 0 5

Hello, i tried to upload my logo at different dimensions, large, and very large, but on my website the logo showing very small. How can resolve this problem ? My theme is gemini fashion 1.4.5

 

website: woofm.myshopify.com

pass: criclo

 

Untitled-5.png

0 Likes
Ninthony
Shopify Partner
1790 257 698

This is an accepted solution.

You can add this to the bottom of your theme.scss.liquid file in your assets folder:

.logo {
    height: auto;
}
.site-logo img {
    max-width: unset;
    max-height: unset;
    width: 60%;
}
@media(max-width:768px){
  .site-logo img {
    width: 75px
  }
}

 

width:60% is your desktop width and I set it to 75px for your mobile. Adjust those however you want. Your image doesnt appear to be perfectly centered so on mobile it's showing more whitespace at the top than it should, but if you save it out centered it should be fine.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
MarioCamora
Tourist
12 0 5

Thanks but still not showing good. The width is now ok, but the height it doesnt show corectly

 

Untitled-7.png

 

 

0 Likes
g33kgirl
Shopify Partner
211 51 64

This is an accepted solution.

@MarioCamora  

add this at the end of your CSS file (themes.scss.css):

 

.sidebar {
  padding-top: 30px;
}

.logo {
    margin: 0;
    padding-top: 0;
    height: 100%;
    line-height: unset;
}


.site-logo img {
    max-width: 100%;
    max-height: 100%;
}

@media only screen and (min-width: 768px) {
  .site-logo img {
    width: 60%; 
}
}

@media only screen and (max-width: 768px) {
 .logo {
    height: 75px;
    line-height: 70px;
}
}

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Ninthony
Shopify Partner
1790 257 698

You didn't add my code to the end of the file, you added it at the beginning. Add it to the end of the file.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
MarioCamora
Tourist
12 0 5

My bad, thank you so much, its worked perfect

0 Likes