From e01eff8755a837ae31ec1638672932a129e24667 Mon Sep 17 00:00:00 2001
From: Son <nguyenkims@users.noreply.github.com>
Date: Tue, 26 Apr 2022 13:01:12 +0200
Subject: [PATCH] only show the help button on desktop

---
 static/style.css      | 13 +++++++++++++
 templates/header.html |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 0996d792..cd0c5eeb 100644
--- a/static/style.css
+++ b/static/style.css
@@ -170,3 +170,16 @@ textarea.parsley-error {
 .domain_detail_content {
     font-size: 15px;
 }
+
+/* Only show the help button on desktop */
+@media only screen and (max-width: 500px) {
+    #help-btn {
+        display: none;
+    }
+}
+
+@media only screen and (min-width: 500px) {
+    #help-btn {
+        display: flex;
+    }
+}
\ No newline at end of file
diff --git a/templates/header.html b/templates/header.html
index 60302b9f..8d5b94af 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -77,7 +77,7 @@
         </div>
 
         {% if ZENDESK_ENABLED %}
-          <div class="dropdown nav-item d-flex align-items-center">
+          <div id="help-btn" class="dropdown nav-item align-items-center">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
             <div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
               <div class="dropdown-item">