From: Laury GvR <laury@gaslightmedia.com>
Date: Thu, 27 Sep 2018 15:53:51 +0000 (-0400)
Subject: Featured member list now responsive with only 1 or 2 items on a row
X-Git-Tag: v2.10.45^2~9
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=cd747696375085004ead37b0f8e95c5f8c05a3d7;p=WP-Plugins%2Fglm-member-db.git

Featured member list now responsive with only 1 or 2 items on a row
---

diff --git a/css/front.css b/css/front.css
index 5a8dcac9..f792401d 100644
--- a/css/front.css
+++ b/css/front.css
@@ -1125,10 +1125,29 @@ glm-member-detail-content-toggle {
 /* Featured Grid Start */
 #featured-grid {
     list-style: none;
+    overflow: hidden;
+    text-align: center;
 }
 #featured-grid .featured-grid-item-wrapper {
     padding: 10px;
     list-style: none;
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+    width: 33%;
+}
+@media (max-width: 1024px) {
+    #featured-grid .featured-grid-item-wrapper {
+        width: 48%;
+    }
+}
+@media (max-width: 640px) {
+    #featured-grid .featured-grid-item-wrapper {
+        width: 100%;
+        max-width: 320px;
+        float: none;
+        margin: 0 auto;
+    }
 }
 #featured-grid .featured-grid-item {
     border: 1px solid lightgrey;
diff --git a/views/front/members/list.html b/views/front/members/list.html
index 270b95da..f3230f4d 100755
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -205,7 +205,7 @@
             
             <h3>Featured {$terms.term_member_plur_cap}</h3>
             
-            <ul id="featured-grid" class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
+            <ul id="featured-grid" class="">
                 {foreach $featuredMembers as $fm}
                     <li class="featured-grid-item-wrapper">
                         {if $settings.list_show_detail_link && !$fm.has_no_profile.value}