How To Change Maximum Logo Size (Method 1) | Shopify Themes

Unexpectedly if you experience the issue of the Logo size not corresponding to the original image size sometimes. This issue might be related to coding implemented for restriction of the size.

  • To fix this error, Open your Shopify admin panel and go to the Online store Themes.

change-maximun-logo-size1

  • In the Actions drop-down menu, click on the Edit code.

change-maximun-logo-size2

  • Go to the Sections folder and open the header.liquid file.

change-maximun-logo-size3

  • Inside the file, you have to find the following or similar code :
  1. <img src=”{{ section.settings.logo_main | img_url: ‘x80’ }}” alt=”{{ shop.name }}”>
  • This means ‘x70’ is exactly the restriction of your logo dimensions. To enlarge it properly, you have to enlarge the value and save the replacement, check the example below :
  1. <img src=”{{ section.settings.logo_main | img_url: ‘x300’ }}” alt=”{{ shop.name }}”>
  • You can now see, the 80 value was replaced with 300, which is large.

Save the changes you made.

Hope this tutorial will be helpful to you!

Related Tutorials For Shopify :

How To Change Maximum Logo Size (Method 2) | Shopify Themes

How To Change Theme Colors Of Your Online Store | Shopify Themes

Leave a comment