crewsportswear update as of 3_18_19

resources/views/teamstore-sublayouts/index.blade.php

@@ -81,6 +81,9 @@
         padding-bottom: 20px;
         background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
         background-color: #f3f3f3;
+        background-position: center;
+        background-size: cover;
+        width: 100%;
         height: 128px;
     }
     
@@ -91,6 +94,22 @@
         padding: 10px;
 
     }
+
+    @media (min-width: 200px) {
+        .jumbotron { height: 50px; }
+    }
+    
+    @media (min-width: 400px) {
+        .jumbotron { height: 57px; }
+    }
+
+    @media (min-width: 768px) {
+        .jumbotron { height: 100px; }
+    }
+
+    @media (min-width: 992px) {
+        .jumbotron { height: 128px; }
+    }
 </style>
 
 <div class="container">
@@ -105,7 +124,7 @@
     </div>
     <div class="row">
         <div class="col-md-12">
-            <h2>FEATURED PRODUCT</h2>
+            <h2>FEATURED PRODUCTS</h2>
         </div>
     </div>
     <div class="row">
@@ -122,8 +141,10 @@
             
                 <div class="col-md-3 col-sm-6">
                     <span class="thumbnail">
-                        <img src="http://{{ config('site_config.prod_private_server_ip')  }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
-                        <h4>{{ $product->ProductName }}</h4>
+                        <a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
+                            <img style="height: 201.84px;" src="http://{{ config('site_config.prod_private_server_ip')  }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
+                        </a>
+                        <h4 class="text-center">{{ $product->ProductName }}</h4>
                         <!-- (w/ Shorts) -->
                         <!-- <div class="ratings">
                             <span class="glyphicon glyphicon-star"></span>