Style mobilecart

It was showing a shadow and border when the cart was empty

Author: w3bdesign

components/Cart/AddToCartButton.vue

@@ -42,7 +42,6 @@ export default {
   methods: {
     async addProductToWooCart(product) {
       const productId = product.databaseId ? product.databaseId : product
-
       const productQueryInput = {
         productId,
       }
@@ -56,6 +55,7 @@ export default {
           .then(({ data }) => {
             this.loading = false
             this.$apollo.queries.cart.refetch()
+            this.$router.push('/cart')
           })
       } catch (e) {
         this.error = e

components/Header/MobileMenu.vue

@@ -22,7 +22,7 @@
             Categories
           </NuxtLink>
         </li>
-        <li class="flex justify-center mt-4 text-lg linkStyle">
+        <li class="flex justify-center mt-6 text-lg linkStyleCart">
           <NuxtLink to="/cart" @click.native="displayMobileMenu">
             <Cart />
           </NuxtLink>
@@ -73,6 +73,10 @@ export default {
   @apply w-auto p-4 m-4 font-bold text-center border border-gray-300 border-opacity-50 shadow-md rounded;
 }
 
+.linkStyleCart {
+  @apply w-auto p-4 m-4 font-bold text-center;
+}
+
 /* Main hamburger styling */
 .burger {
   height: 3em;