How can I enlarge the logo size in my theme?

Topic summary

A user’s theme restricts their logo to a maximum of 60 pixels and they want to increase this size.

Solutions Proposed:

  • Theme Customizer Settings: Check if the theme has built-in options under Online Store > Themes > Customize > Header > Logo size to adjust dimensions without coding.

  • CSS Override: Add custom CSS code to the theme.scss.css file:

.site-header__logo.logo-inverted.logo { width: 150px !important; }
  • theme.liquid Modification: Insert custom CSS in the theme.liquid file above the </body> tag (specific code snippet provided but appears corrupted in the conversation).

Additional Context:

Multiple community members requested the store URL and password to provide more specific guidance. The user shared a Shopify preview link with credentials. Screenshots were referenced to illustrate customization locations, though the discussion contains some garbled text that may indicate formatting issues with the original posts.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

hey,

my theme give me max 60 pix for my logo

how i can make it bigger?

Hey @liadkeshet

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

https://rp93papin0qhvk0x-82487509296.shopifypreview.com

BCADMIN1$$!

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

Hey @liadkeshet

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @liadkeshet

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.scss.css file:

.site-header__logo .inverted-logo {width: 150px !important;}

Regards,

San

Hi @liadkeshet

Please check if it has option to change logo size in your Online store > Themes > Customize > Header > Logo size