Fixed header reponsive issue (#792)

GeoNode · Feb 4, 2022 · 64acd68 · 64acd68
1 parent 07ac297
commit 64acd68
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/geonode_mapstore_client/templates/geonode-mapstore-client/snippets/brand_navbar.html b/geonode_mapstore_client/templates/geonode-mapstore-client/snippets/brand_navbar.html
@@ -5,6 +5,29 @@
 
 {% block extra_style %}
 {% endblock %}
+
+<style>
+    .gn-menu-content-bottom {
+        display: none;
+        margin: 10px;
+        margin-bottom: 0;
+    }
+
+    @media (max-width: 748px) {
+        .gn-menu-content-center {
+            display: none;
+        }
+
+        .msgapi nav.gn-menu {
+            display: inline-block;
+        }
+
+        .gn-menu-content-bottom {
+            display: flex;
+        }
+    }
+</style>
+
 <nav id="{{ id|default:'' }}" class="gn-menu gn-menu-symmetric">
     <div class="gn-menu-container">
         <div class="gn-menu-content">
@@ -39,6 +62,11 @@
             </div>
         </div>
     </div>
+    <div class="gn-menu-content-bottom">
+        {% block bottom_menu %}
+            {% include './search_bar.html' %}
+        {% endblock %}
+    </div>
 </nav>
 {% block extra_script %}
     <script type="text/javascript">