From 972233063cf8719ce49d9364f05f6ced6870a282 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Tue, 12 Apr 2022 09:17:17 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20scroll=20to=20top=20link?=
 =?UTF-8?q?=20alignment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #172
---
 CHANGELOG.md                 | 4 ++++
 assets/css/compiled/main.css | 8 ++++++++
 layouts/_default/baseof.html | 6 +++++-
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7b27b4dc..70448f1f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Hungarian translation ([#170](https://github.com/jpanther/congo/pull/170))
 
+### Fixed
+
+- Scroll to top link overlaps footer menu on mobile devices ([#172](https://github.com/jpanther/congo/issues/172))
+
 ## [2.1.2] - 2022-04-08
 
 ### Added
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 93244fe5..146e48ad 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1467,6 +1467,10 @@ body a, body button {
   top: 110vh;
 }
 
+.bottom-\[-8\.25rem\] {
+  bottom: -8.25rem;
+}
+
 .bottom-\[-5\.5rem\] {
   bottom: -5.5rem;
 }
@@ -2608,6 +2612,10 @@ body a, body button {
 }
 
 @media (min-width: 640px) {
+  .sm\:bottom-\[-8rem\] {
+    bottom: -8rem;
+  }
+
   .sm\:mb-0 {
     margin-bottom: 0px;
   }
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index dd5fd6f7..6ff3c8e0 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -30,7 +30,11 @@
       {{- block "main" . }}{{- end }}
       {{ if and (.Site.Params.showScrollToTop | default true) (gt .WordCount 200) }}
         <div
-          class="absolute top-[110vh] ltr:right-0 rtl:left-0 w-12 pointer-events-none bottom-[-5.5rem]"
+          class="absolute top-[110vh] ltr:right-0 rtl:left-0 w-12 pointer-events-none {{ if .Site.Menus.footer -}}
+            bottom-[-8.25rem] sm:bottom-[-8rem]
+          {{- else -}}
+            bottom-[-5.5rem]
+          {{- end }}"
         >
           <a
             href="#the-top"