From 8563f82c1716d99666d6de76610e4982a2f73bdc Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 31 Jan 2023 15:57:42 +0500
Subject: [PATCH] fix title on mobile

---
 themes/sophie-lewis/assets/scss/main.scss        | 6 ++++++
 themes/sophie-lewis/layouts/partials/header.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/themes/sophie-lewis/assets/scss/main.scss b/themes/sophie-lewis/assets/scss/main.scss
index c3b0667..0e20c94 100644
--- a/themes/sophie-lewis/assets/scss/main.scss
+++ b/themes/sophie-lewis/assets/scss/main.scss
@@ -261,6 +261,12 @@ hr {
     font-weight: 200;
 }
 
+.site-title {
+    @media (max-width: 786px) {
+        margin-top: 3rem;
+    } 
+}
+
 .subtitle {
     font-family: $sans_font;
     font-weight: 200;
diff --git a/themes/sophie-lewis/layouts/partials/header.html b/themes/sophie-lewis/layouts/partials/header.html
index 435f261..6825c9e 100644
--- a/themes/sophie-lewis/layouts/partials/header.html
+++ b/themes/sophie-lewis/layouts/partials/header.html
@@ -3,7 +3,7 @@
     {{ $content_class := $.Page.Params.title | lower }}
     <a class="button button-book no-underline" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
     <a class="no-underline" href="/">
-      <p class="title is-size-0-1">
+      <p class="site-title title is-size-0-1">
         {{ site.Params.header.name }}
       </p>
       <p class="subtitle is-size-6">