fix mobile footer issue

Author: sarahsanders-docker

hugo_stats.json

@@ -80,6 +80,7 @@
       "Mac-with-Apple-silicon",
       "Mac-with-Intel-chip",
       "Manually-create-assets",
+      "Manually-set-it-up",
       "NetworkManager",
       "Node",
       "Non-compliant",
@@ -113,9 +114,10 @@
       "Use-OpenAI",
       "Using-the-CLI",
       "Using-the-GUI",
+      "Using-the-MCP-Toolkit-Recommended",
       "VS-Code",
       "Vue",
-      "WSL-2-backend-Arm-Beta",
+      "WSL-2-backend-Arm-Early-Access",
       "WSL-2-backend-x86_64",
       "Web-browser",
       "What-are-the-key-features-of-Docker-Desktop",

layouts/_default/baseof.html

@@ -29,7 +29,7 @@
       class="md:h-[calc(100vh-64px)] fixed md:sticky top-0 md:top-16 z-40 hidden h-screen flex-none overflow-y-auto overflow-x-hidden bg-background-light dark:bg-gray-dark-100 w-full md:z-auto md:block md:w-[300px]"
       :class="{ 'hidden': ! $store.showSidebar }">
       <!-- Gray backdrop on small screens -->
-      <div class="fixed bg-black/50 md:hidden" x-show="$store.showSidebar" @click="openSidebar = false"
+      <div class="fixed bg-black/50 md:hidden z-30" x-show="$store.showSidebar" @click="openSidebar = false"
         x-transition.opacity></div>
       <div class="z-50 w-full bg-background-light p-4 dark:bg-gray-dark-100 md:block md:w-[300px]">
         <!-- Collapse button for small screens -->
@@ -53,7 +53,7 @@
     </div>
   </main>
 
-  <footer class="w-full">{{ partialCached "footer.html" . }}</footer>
+  <footer class="w-full z-10 relative">{{ partialCached "footer.html" . }}</footer>
 
   {{/* Load the YouTube player if the page embeds a YouTube video */}}
   {{ with .Store.Get "youtube" }}

layouts/partials/footer.html

@@ -1,4 +1,4 @@
-<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
+<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200 relative z-10">
   {{ partialCached "components/support-button.html" . }}
 </div>
 <div class="flex justify-center pt-10 pb-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">