diff --git a/assets/css/src/header.css b/assets/css/src/header.css
index a5f3c00..3005ff0 100644
--- a/assets/css/src/header.css
+++ b/assets/css/src/header.css
@@ -54,6 +54,7 @@
/* ================= ENTRY BTNS ================= */
#entry-btns {
position: sticky;
+ position: -webkit-sticky;
top: calc(var(--unit--vertical) * 3);
height: 20svh;
display: flex;
diff --git a/assets/css/src/html.css b/assets/css/src/html.css
index 79816eb..e5d2710 100644
--- a/assets/css/src/html.css
+++ b/assets/css/src/html.css
@@ -1,15 +1,12 @@
-html {
- overflow-x: hidden;
-}
-
body {
position: relative;
margin: 0;
- width: 100vw;
- height: 100%;
- box-sizing: border-box;
background-color: var(--color-background);
color: var(--color-primary);
+ overflow-x: clip; /* clip is the only value that works on Safari mobile */
+}
+
+main {
padding: 0 var(--unit--horizontal);
}
diff --git a/site/snippets/header.php b/site/snippets/header.php
index 5e862d5..3ede43f 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -5,7 +5,7 @@ $entryTopPos = $entryTopPos ?? 20;
-
+
<?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?>