{"id":77935,"date":"2017-01-20T10:01:17","date_gmt":"2017-01-20T15:01:17","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=77935"},"modified":"2017-01-31T05:52:23","modified_gmt":"2017-01-31T10:52:23","slug":"shopify-change-maximum-logo-size","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-change-maximum-logo-size.html","title":{"rendered":"Shopify. How to change the maximum logo size"},"content":{"rendered":"<p>This tutorial will show you how to change the <strong>maximum logo size<\/strong> in <a href=\"https:\/\/www.templatemonster.com\/shopify-themes.php\" title=\"Shopify template\" target=\"_blank\">Shopify template<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/sFGHr-v33kg\"><\/iframe>\r\n<\/div>\r\n<p>Prior to making any changes, it is strongly recommended to backup your site.<\/p>\r\n\r\n<p>The maximum logo size is set in the <strong>settings_schema.json<\/strong> file.<\/p>\r\n\r\n<ol>\r\n\r\n<li>\r\n<p>To find the file, login to your Dashboard, click on the <strong>Online store<\/strong> and then press on <strong>Edit HTML\/CSS:<\/strong>\r\n<\/p>\r\n\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1.png\" alt=\"Shopify._How_to_change_maximum_logo_size_1\" width=\"1920\" height=\"820\" class=\"alignnone size-full wp-image-77937\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1.png 1920w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1-150x64.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1-300x128.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1-768x328.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_1-1024x437.png 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a>\r\n\r\n<\/li>\r\n\r\n<li>\r\n\r\n<p>You need to scroll down to the <strong>Config<\/strong> folder and choose <strong>settings_schema.json<\/strong> file.\r\n<p>In the window on the right side of the files list you will see the content of this file. Locate lines <strong>35-36<\/strong> and change the values to the ones convenient for you:<\/p>\r\n<pre class=\"brush:js\">&quot;max-width&quot;: 270,\r\n&quot;max-height&quot;: 151,<\/pre>\r\n\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2.png\" alt=\"Shopify._How_to_change_maximum_logo_size_2\" width=\"1779\" height=\"521\" class=\"alignnone size-full wp-image-77936\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2.png 1779w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2-150x44.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2-300x88.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2-768x225.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/01\/Shopify._How_to_change_maximum_logo_size_2-1024x300.png 1024w\" sizes=\"(max-width: 1779px) 100vw, 1779px\" \/><\/a>\r\n\r\n<\/li>\r\n\r\n<li><p>After modifying the file save the changes. Now you can go to theme editor and upload a new logo.<\/li>\r\n\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=sFGHr-v33kg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change the maximum logo size<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change the <strong>maximum logo size<\/strong> in Shopify.<\/p>\n","protected":false},"author":118,"featured_media":77938,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[525,2419,949],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77935"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=77935"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77935\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/77938"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=77935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=77935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=77935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}