Update products-dropdown.html

Author: mich-elle-luna

layouts/partials/header/products-dropdown.html

@@ -1,5 +1,8 @@
- <div class="menu-nav-primary-container">
-        <ul id="menu-nav-primary" class="menu">
+<div class="flex flex-col lg:hidden lg:group-hover:flex lg:absolute lg:left-11 lg:border lg:border-redis-pencil-300 bg-white lg:p-8 lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  <div class="lg:w-60">
+    <div class="flex flex-col gap-4">
+      <h3 class="uppercase font-mono mb-2">Products</h3>
+      <ul id="menu-nav-primary" class="menu">
                         <!-- Top-level menu item -->
             <li id="menu-item-153729"
                 class="menu-item menu-item-type-custom menu-item-object-custom  menu-item-has-children  menu-item-153729  sub-menu-toggler ">
@@ -63,3 +66,10 @@
                                                             </li></ul>
                                             </li>                    </div>
                                     </ul>            </li>
+    </div>
+  </div>
+</div> 
+
+
+
+