From d377a9449bfe1d04a07e11b9c5b1612ad5c6d22f Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 26 Jan 2023 12:41:29 -0500
Subject: [PATCH] Package page fix

---
 src/layouts/page/packages.html | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/layouts/page/packages.html b/src/layouts/page/packages.html
index a8d8af8..1a748d7 100644
--- a/src/layouts/page/packages.html
+++ b/src/layouts/page/packages.html
@@ -4,14 +4,12 @@
 
 <!-- Desktop/Tablet Package Display -->
 
-  <span>
+  <span class="grid-package-display">
     {{- partial "package-grid.html" . -}}
   </span>
 
 <!-- Mobile Package Display -->
-  <!-- dont remove, it is not completely useless there is a ui bug i couldnt figure out
-    the only solution is to keep it here. sorry - neil
-    -->
+
   <span class="swiper-package-display">
     {{- partial "swiper.html" . -}}
   </span>
@@ -19,12 +17,21 @@
 <!-- Style for Swiper -->
 
 <style>
-  .grid-package-display{
+  .swiper-package-display{
     display:block;
   }
-  .swiper-package-display {
-    /* dont remove refer to comment above */
-    display: none;
+  .grid-package-display{
+    display:none;
+  }
+  @media only screen and (min-width: 576px) {
+
+      .grid-package-display{
+        display:block;
+      }
+
+      .swiper-package-display{
+        display:none;
+      }
   }
 </style>