fix: Fixed Bug in the Shop Item Basket Position

Mohamed-Elhawary · Mohamed-Elhawary · commit b6606dbfacd5 · 2021-02-07T23:53:57.000+02:00
diff --git a/contact.html b/contact.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/css/media_query/media_query.css b/css/media_query/media_query.css
@@ -24,12 +24,14 @@
 
 /*Start Shop Item &  Orders Box*/
 @media(max-width: 575px) {
-    .shop-item  {right: 50%; top: 144px; position: fixed}
+    .shop-item-container {position: initial}
+    .shop-item  {right: 50%; top: 144px}
     .orders-box {top: 180px}
 }
 
 @media (min-width: 576px) and (max-width: 991px) {
-    .shop-item  {right: 50%; top: 110px; position: fixed}
+    .shop-item-container {position: initial}
+    .shop-item  {right: 50%; top: 105px}
     .orders-box {top: 140px}
 }
 /*End Shop Item &  Orders Box*/
diff --git a/diesel_mobil.html b/diesel_mobil.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/diesel_shell.html b/diesel_shell.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/diesel_total.html b/diesel_total.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/gas_mobil.html b/gas_mobil.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/gas_shell.html b/gas_shell.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/gas_total.html b/gas_total.html
@@ -38,7 +38,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
diff --git a/index.html b/index.html
@@ -44,7 +44,7 @@
         <!--End Nav-->
 
         <!--Start Shopping Item-->
-        <div class="container relative">
+        <div class="container relative shop-item-container">
             <div class="shop-item">
                 <span class="orders dark-grey">0</span>
                 <i class="fas fa-shopping-cart cursor text-danger lead shop relative"></i>
