From c006cc2283f5fda3d5be84ec1876648fb04cb38d Mon Sep 17 00:00:00 2001
From: Daniel Fjeldstad <45217974+w3bdesign@users.noreply.github.com>
Date: Wed, 4 Sep 2024 07:58:07 +0200
Subject: [PATCH] Fix mobile menu positioning

Fixes #1354

Update the mobile menu to be fixed and positioned just above the footer.

* Set the mobile menu as `fixed` with a height of `calc(100vh-4rem)` and add `bottom-0 mb-4` classes to position it just above the footer in `components/Layout/LayoutMobileMenu.vue`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/w3bdesign/nuxtjs-woocommerce/issues/1354?shareId=XXXX-XXXX-XXXX-XXXX).
---
 components/Layout/LayoutMobileMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Layout/LayoutMobileMenu.vue b/components/Layout/LayoutMobileMenu.vue
index f5dc571e..9ab91f29 100644
--- a/components/Layout/LayoutMobileMenu.vue
+++ b/components/Layout/LayoutMobileMenu.vue
@@ -2,7 +2,7 @@
   <div class="relative">
     <div
       v-if="!firstRender"
-      class="fixed top-0 left-0 h-[calc(100vh-4rem)] w-screen mt-4 z-10 bg-white animate__animated"
+      class="fixed top-0 left-0 h-[calc(100vh-4rem)] w-screen mt-4 z-10 bg-white animate__animated bottom-0 mb-4"
       :class="{
         animate__fadeInLeft: expandedMenu,
         animate__fadeOutRight: !expandedMenu && !firstRender,