Footer formatting, testimonials scrollbar, img fix on pages

diff --git a/css/app.css b/css/app.css
index e825ffd..c1798fc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -5747,6 +5747,16 @@ ul.global-nav li + li::before {
     content: " - ";
     margin: 0 10px;
     padding: 0; }
+  @media (max-width: 640px) {
+    .glmcustom-footer-list {
+      margin: 5px 0;
+      border-top: 1px solid white;
+      border-bottom: 1px solid white;
+      padding-right: 15px; }
+      .glmcustom-footer-list li {
+        width: 100%; }
+      .glmcustom-footer-list li + li a:before {
+        content: ""; } }
 
 #glmBottom {
   background: linear-gradient(180deg, #1162a2, #5095ca);
@@ -5777,9 +5787,16 @@ a[href^=tel] {
 ul.vcard li + li + li::before {
   content: " | "; }
 
-.vcard {
+ul.vcard {
   margin: 0;
   /*margin-top: 20px;*/ }
+  @media (max-width: 640px) {
+    ul.vcard {
+      margin: 0; }
+      ul.vcard li {
+        width: 100%; }
+      ul.vcard li + li + li:before {
+        content: ""; } }
 
 .copyright {
   margin-top: 10px; }
@@ -6041,6 +6058,7 @@ article h2 {
   height: 165px;
   font-size: 1rem;
   /*        max-height: 200px;*/
+  overflow: scroll;
   text-align: center;
   background-color: #f48228;
   margin: 10px 0;
@@ -6075,7 +6093,8 @@ article h2 {
 
 @media (max-width: 320px) {
   #homepage_testimonials {
-    height: 330px; }
+    height: 330px;
+    font-size: 14px; }
   .metaslider {
     display: none; }
   .inner-container {
@@ -6121,7 +6140,7 @@ article h2 {
 
 .homepage_testimonials_text {
   padding: 25px 10px;
-  overflow: hidden;
+  overflow: scroll;
   height: 100%;
   text-decoration: none;
   color: white;

diff --git a/footer.php b/footer.php
index 52793af..36b26e2 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -1,6 +1,6 @@
 </section>
 <footer id="glmBottom" class="row">
-    <ul class="small-12 columns vcard">
+    <ul class="small-12 medium-6 medium-push-3 columns vcard">
         <li class="fn">Gaslight Media</li>
         <li class="street-address">120 E. Lake Street</li>
         <li><span class="locality">Petoskey</span>, <span class="state">MI</span> <span class="zip">49770</span></li>

diff --git a/page-1296.php b/page-1296.php
index 1ad3cdf..c027025 100644 (file)
--- a/page-1296.php
+++ b/page-1296.php
@@ -6,7 +6,7 @@
     if (has_post_thumbnail()) {
         $image_data = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),
                                                                         "full");
-        echo '<img class="small-12 columns" style="display: block; width: 100%; position: relative; padding: 0;" src="' . $image_data[0] . '";>';
+        echo '<img class="small-12 columns" style="display: block; width: 100%; position: relative; padding: 0;" src="' . $image_data[0] . '">';
     }
     ?>
     <div id="main" class="small-12 columns" role="main">

diff --git a/page.php b/page.php
index 3190f7a..2f18847 100644 (file)
--- a/page.php
+++ b/page.php
@@ -4,7 +4,7 @@
     <?php // get_sidebar('left'); ?>
     <?php if (has_post_thumbnail()) {
         $image_data = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), "full");
-        echo '<img class="small-12 columns" style="display: block; width: 100%; position: relative; padding: 0;" src="'.$image_data[0].'";>';
+        echo '<img class="small-12 columns" style="display: block; width: 100%; position: relative; padding: 0;" src="'.$image_data[0].'">';
         }
         
     ?>

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index b705c81..c5d0250 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -184,6 +184,18 @@ ul.global-nav li + li::before {
         margin: 0 10px;
         padding: 0;
     }
+    @media (max-width: 640px) {
+        margin: 5px 0;
+        border-top: 1px solid white;
+        border-bottom: 1px solid white;
+        padding-right: 15px; 
+        li {
+            width: 100%;
+        }
+        li + li a:before {
+            content: "";
+        }
+    }
 }
 // Footer area
 #glmBottom {
@@ -217,9 +229,18 @@ a[href^=tel]{
 ul.vcard li + li + li::before {
     content: " | ";
 }
-.vcard {
+ul.vcard {
     margin: 0;
     /*margin-top: 20px;*/
+    @media (max-width: 640px) {
+        margin: 0;
+        li {
+            width: 100%;
+        }
+        li + li + li:before {
+            content: "";
+        }
+    }
 }
 .copyright {
     margin-top: 10px;
@@ -531,6 +552,7 @@ article h2 {
         height: 165px;
         font-size: 1rem;
 /*        max-height: 200px;*/
+        overflow: scroll;
         text-align:center;
         background-color: $secondary-color;
         margin: 10px 0;
@@ -577,6 +599,7 @@ article h2 {
     @media (max-width: 320px) {
         #homepage_testimonials {
             height: 330px;
+            font-size: 14px;
         }
         .metaslider {
             display: none;
@@ -627,7 +650,7 @@ article h2 {
     }
     .homepage_testimonials_text {
         padding: 25px 10px;
-        overflow: hidden;
+        overflow: scroll;
         height: 100%;
         text-decoration: none;
         color: white;