Solved

Unable to increase header logo size

usmekhan91
Shopify Partner
34 0 7

Hi Dev Community,

I am facing problem that I am unable to fix header logo size, the size of logo is very small and the theme is not giving any sought of option to increase its size. I am sharing preview URL and code so that you can see the problem. I am also sharing the image URL so that you can also see the actual size of that image. I would appreciate it if you can please help me in this regards.

 

URL: https://z3k5yecegwndv7e6-67832545535.shopifypreview.com/
code: Silver101!

Header logo image URL: https://cdn.shopify.com/s/files/1/0678/3254/5535/files/Logo-Text-Green.png?v=1708421558

 

 

 

 

Accepted Solution (1)
Ishan_Makkar
Shopify Expert
115 7 8

This is an accepted solution.

Please reach out to me at manshi@makkpress.com

Shopify Expert Since 2012
Sr. Web Solution Manager at MakkPress Technologies
Website Speedy (SAAS tool for Shopify Speed Optimization - Trusted by over 300 Shopify store owners)
Contact Us or Hire Us Or Email Us

View solution in original post

Replies 3 (3)

Ishan_Makkar
Shopify Expert
115 7 8

Hi @usmekhan91 , Welcome to the Shopify Community!


To fix the header logo size, you can try adding custom CSS code to adjust the dimensions. Here's a quick solution:

Ishan_Makkar_0-1708686942318.png

 

You can add this code to your theme's custom CSS area. Here's how:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit and click "Actions" > "Edit code."
  3. In the left-hand sidebar, open the Assets folder and click on the "theme.scss.liquid" file.
  4. Scroll to the bottom and paste the above CSS code.
  5. Save the file.

Please note that you may need to adjust the max-width value to fit your desired logo size. Feel free to experiment until you achieve the desired result.

If you need further assistance or have any questions, don't hesitate to ask!

Shopify Expert Since 2012
Sr. Web Solution Manager at MakkPress Technologies
Website Speedy (SAAS tool for Shopify Speed Optimization - Trusted by over 300 Shopify store owners)
Contact Us or Hire Us Or Email Us
usmekhan91
Shopify Partner
34 0 7

This code is not working

Ishan_Makkar
Shopify Expert
115 7 8

This is an accepted solution.

Please reach out to me at manshi@makkpress.com

Shopify Expert Since 2012
Sr. Web Solution Manager at MakkPress Technologies
Website Speedy (SAAS tool for Shopify Speed Optimization - Trusted by over 300 Shopify store owners)
Contact Us or Hire Us Or Email Us