Tutorial: Resizing Your Online Store’s Logo

Olivia
Shopify Staff
Shopify Staff
365 30 88

Most Shopify themes have a setting to adjust your logo size. This setting can be found in your Admin under Online store > Themes > Customize > Header > Custom logo width or Custom logo height. However, if you need your logo to be bigger than what this setting allows, you can follow the tutorial below.

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Whitebluffs
New Member
2 0 0

This is showing at the bottom of my website, how do I get rid of it?

.site-header__logo-image img {
max-width: 500px !important;
width: 500px;
}

0 Likes
Olivia
Shopify Staff
Shopify Staff
365 30 88

Hi, @Whitebluffs!

Welcome to Shopify Community.

I wonder if you pasted the code into theme.liquid and not theme.scss.liquid? That would likely have caused the code to become visible on your website instead of making the style changes you need.

You can easily roll back liquid files individually to a time and date before you made the changes. It's also never a bad idea to keep a backup/duplicate of the file you are working on for easy reference. You can add unedited theme templates right from Admin > Online Store > Themes > Add Theme.

That should do the trick, but let me know if you have other questions.

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

krystolshanice
New Member
7 0 0

Hello, my shop is krystolshanice.myshopify.com or krystolshanice.com How can I center my logo? The code worked to make it bigger but now it's not centered.

Thank you,

Krystol Wilson

0 Likes
Olivia
Shopify Staff
Shopify Staff
365 30 88

Hey, @krystolshanice!

Thanks for your comment and sharing your question.

I just had a look at your website, and it looks like your logo is already centred. Were you able to resolve this? In case I have misunderstood and you are still experiencing this issue, please grab a screenshot and share it with me here.

I look forward to your reply,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
maisie-worm
New Member
1 0 1

Where do I go to find theme.css.liquid so I can resize my logo?

UmairA
Shopify Partner
586 65 103

Hey @maisie-worm!

You can find theme.css.liquid file by 

1> Go to the Online store

2> Click on Edit theme code

3> Open Assets folder

4> Locate theme.css.liquid file (The file can be named differently in your theme such as theme.scss.liquid or stylesheet.css.liquid etc.)

Hope that helps!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
Olivia
Shopify Staff
Shopify Staff
365 30 88

Thanks so much for chiming in to help out with @maisie-worm's question, @UmairA!

I trust that answer was helpful, @maisie-worm, but let us know if anything else comes up.

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes