From b223a5be26df14633efdb7e9a35cb8dd12c6116f Mon Sep 17 00:00:00 2001 From: Thomas Kelly Date: Thu, 13 Jul 2017 17:01:12 -0400 Subject: [PATCH 1/3] Update settings for header section --- src/sections/header.liquid | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/sections/header.liquid b/src/sections/header.liquid index 26615dd75..d02fd19dd 100644 --- a/src/sections/header.liquid +++ b/src/sections/header.liquid @@ -4,12 +4,6 @@ max-width: {{ section.settings.logo_max_width }}px; } {% endif %} - - {% if section.settings.align_logo == 'left' %} - .site-header__logo-image { - margin: 0; - } - {% endif %}
@@ -121,10 +115,14 @@ "label": "Logo image" }, { - "type": "text", + "type": "range", "id": "logo_max_width", + "min": 50, + "max": 450, + "step": 8, + "unit": "px", "label": "Custom logo width (in pixels)", - "default": "250" + "default": 250 }, { "type": "link_list", From 5efc20585f9a6654b283227159f0f6946ad9dd99 Mon Sep 17 00:00:00 2001 From: Thomas Kelly Date: Fri, 14 Jul 2017 10:20:12 -0400 Subject: [PATCH 2/3] Fixes based on Chris' PR comments --- src/sections/header.liquid | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/header.liquid b/src/sections/header.liquid index d02fd19dd..f910fcd5b 100644 --- a/src/sections/header.liquid +++ b/src/sections/header.liquid @@ -119,9 +119,9 @@ "id": "logo_max_width", "min": 50, "max": 450, - "step": 8, + "step": 10, "unit": "px", - "label": "Custom logo width (in pixels)", + "label": "Custom logo width", "default": 250 }, { From 9390c7ce03a892512435f2bc761d9493b482c777 Mon Sep 17 00:00:00 2001 From: Thomas Kelly Date: Fri, 14 Jul 2017 15:10:39 -0400 Subject: [PATCH 3/3] Make sure image scales with range setting --- src/styles/modules/site-header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/styles/modules/site-header.scss b/src/styles/modules/site-header.scss index 82e5c83fe..0f1047911 100644 --- a/src/styles/modules/site-header.scss +++ b/src/styles/modules/site-header.scss @@ -4,5 +4,6 @@ img { display: block; + width: 100%; } }