Remove shadow and disable hovering on mobile view

core/templates/core/base.jinja

@@ -123,12 +123,19 @@
     {% block script %}
       <script>
         const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu");
+        const isMobile = () => {
+          return window.innerWidth >= 500;
+        }
         for (const item of menuItems){
           item.addEventListener("mouseover", () => {
-            item.setAttribute("open", "");
+            if (isMobile()){
+              item.setAttribute("open", "");
+            }
           })
           item.addEventListener("mouseout", () => {
-            item.removeAttribute("open");
+            if (isMobile()){
+              item.removeAttribute("open");
+            }
           })
         }