Removed Hamburger Menu, 4 Row

Removed the hamburger menu for mobile devices for now. Galleries show 4 grids instead of 3.
PatrickJnr · Mar 29, 2024 · d58c91a · d58c91a
1 parent 68f1649
commit d58c91a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -10,7 +10,7 @@ <h3 class="site-title">
       <a href="{{ item.link }}" class="menu-link" target="_blank"><i class="fa fa-{{ item.icon }}" aria-hidden="true"></i></a>
     {% endfor %}
   </nav>
-  <div class="dropdown">
+ <!--- <div class="dropdown">
     <button class="dropbtn"><i class="fa fa-bars" aria-hidden="true"></i></button>
     <div class="dropdown-content">
       {% for item in site.data.settings.menu %}
@@ -19,6 +19,6 @@ <h3 class="site-title">
       {% for item in site.data.settings.social %}
         <a href="{{ item.link }}" class="menu-link" target="_blank"><i class="fa fa-{{ item.icon }}" aria-hidden="true"></i></a>
       {% endfor %}
-    </div>
+    </div> --->
   </div>
 </header>
diff --git a/_sass/_home.scss b/_sass/_home.scss
@@ -1,13 +1,14 @@
 /* Grid Layout */
 .post-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  width: auto;
+  grid-template-columns: repeat(auto-fill, minmax(200px, auto));
   gap: 20px;
   padding: 20px;
 }
 
 .featured-post {
-  height: 400px;
+  height: 300px;
   margin: 0 10px 20px;
   background-position: center;
   background-repeat: no-repeat;
@@ -27,6 +28,7 @@
   margin: 0;
   padding: 10px;
   position: absolute;
+  font-size: 18px;
   font-family: "Exo 2", sans-serif;
 }
 .featured-post h2 span {