From 124571fc99ad7c909481f20cd65202e81c628bb2 Mon Sep 17 00:00:00 2001 From: Matthew Kennedy Date: Sun, 4 Sep 2016 13:57:40 +0100 Subject: [PATCH 1/3] Fixes a nav menu draw open, then closed horizontal scroll bug prior to bug fix, if you opened the nav menu then closed it without a page reload, you would find a horizontal scroll on the main page with overspill to the right hand side. --- assets/timber.scss.liquid | 2 ++ 1 file changed, 2 insertions(+) diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid index d2ce3e08a..0a3b08c4b 100755 --- a/assets/timber.scss.liquid +++ b/assets/timber.scss.liquid @@ -707,10 +707,12 @@ $class-type: unquote("."); ==============================================================================*/ html { background-color: $colorFooterBg; + overflow-x: hidden !important; } body { background-color: $colorBody; + overflow-x: hidden !important; } [tabindex='-1']:focus { From 0326a6810730a581fdad46e4b19a0c4545899011 Mon Sep 17 00:00:00 2001 From: Matthew Kennedy Date: Tue, 6 Sep 2016 21:56:42 +0100 Subject: [PATCH 2/3] Removed !important --- assets/timber.scss.liquid | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid index 0a3b08c4b..18f16662d 100755 --- a/assets/timber.scss.liquid +++ b/assets/timber.scss.liquid @@ -707,12 +707,12 @@ $class-type: unquote("."); ==============================================================================*/ html { background-color: $colorFooterBg; - overflow-x: hidden !important; + overflow-x: hidden; } body { background-color: $colorBody; - overflow-x: hidden !important; + overflow-x: hidden; } [tabindex='-1']:focus { From 179e6a942d3d3add0c911f6b23804f57cffac43f Mon Sep 17 00:00:00 2001 From: Matthew Kennedy Date: Wed, 7 Sep 2016 11:45:56 +0100 Subject: [PATCH 3/3] Fixed drawer submenu issue causing no scrolling on iOS touch device when a submenu is opened extending below the screen. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Common issue can be recreated easily. Take an iOS touch device, make the navigation so that when the nav draw is opened then the submenu is opened it extends past the bottom of the screen requiring a scroll to see the links, the drawer content wouldn’t scroll, prior to the css fix. --- assets/timber.scss.liquid | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid index 18f16662d..f2ec68881 100755 --- a/assets/timber.scss.liquid +++ b/assets/timber.scss.liquid @@ -2180,6 +2180,12 @@ label.error { } } + +html.supports-touch .drawer { + -webkit-overflow-scrolling: auto; +} + + /*============================================================================ #Site Footer ==============================================================================*/