From eaa0e66fd9fabdd6ef322f1808e93562bd26f892 Mon Sep 17 00:00:00 2001
From: hx <angel-ortega12@hotmail.com>
Date: Sat, 14 Sep 2024 22:32:42 -0600
Subject: [PATCH] hide some header options on mobile

---
 layouts/partials/head_custom.html |  4 ++--
 static/css/theme-override.css     | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/head_custom.html b/layouts/partials/head_custom.html
index 7725212..9c7d0a8 100644
--- a/layouts/partials/head_custom.html
+++ b/layouts/partials/head_custom.html
@@ -6,14 +6,14 @@
       {{ $section := lower .Section }}
       {{ range .Site.Menus.main }}
       {{ $name := lower .Name }}
-      <li class="pull-left {{ if eq $name $title }}current{{ else if eq $section $name }}current{{ else if eq $title (pluralize $name) }}current{{ end }}">
+      <li class="pull-left {{ if eq $name $title }}hide-on-mobile{{ else if eq $section $name }}current{{ else if eq $title (pluralize $name) }}current{{ end }}">
         <a href="{{ absLangURL .URL }}">~/{{ lower .Name }}</a>
       </li>
       {{end}}
 
       {{ range .Site.Menus.feed }}
       {{ $name := lower .Name}}
-      <li class="pull-right">
+      <li class="pull-right hide-on-mobile">
         <a href="{{ absLangURL .URL }}">~/{{ lower .Name}}</a>
       </li>
       {{end}}
diff --git a/static/css/theme-override.css b/static/css/theme-override.css
index 1917c26..075b687 100644
--- a/static/css/theme-override.css
+++ b/static/css/theme-override.css
@@ -71,3 +71,14 @@ li {
 
 }
 
+/* For devices larger than a phablet */
+@media (min-width: 550px) {
+}
+
+/* For devices smaller than a phablet */
+@media (max-width: 550px) {
+  .hide-on-mobile {
+    display: none;
+  }
+}
+