Fix wrapping with large text on mobile

gamingrobot · Dec 21, 2023 · 3d825a6 · 3d825a6
1 parent 07aa4d4
commit 3d825a6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_topbar.scss b/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_topbar.scss
@@ -3,8 +3,8 @@
   left: 0;
   top: 0;
   width: 100%;
-  padding-top: $topbar-top-offset;
-  height: $topbar-height;
+  padding-top: $topbar-offset;
+  padding-bottom: $topbar-offset;
   background-color: $topbar-color;
   text-align: center;
   a {
@@ -38,7 +38,7 @@
   display: flex;
   align-items: stretch;
   justify-content: space-around;
-  font-size: 23px;
+  font-size: $topbar-links-font-size;
 }
 
 

diff --git a/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_variables.scss b/themes/hyde-hyde-hyde-zola/sass/hyde-hyde/_variables.scss
@@ -91,9 +91,10 @@ $h5-font-size:1rem;
 
 // topbar
 $topbar-color: #0d3a58;
-$topbar-title-font-size: 1.8rem;
-$topbar-height: 4rem;
-$topbar-top-offset: 1rem;
+$topbar-title-font-size: 28px;
+$topbar-links-font-size: 23px;
+$topbar-height: 3rem;
+$topbar-offset: 1rem;
 
 //copyright
 $copyright-font-size: $font-scale-dot7;