moving the green bar text to the grey bar below the slideshow

adding a new line in the in the interior pages above the footer

diff --git a/footer.php b/footer.php
index 6c68b00..af09974 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -8,8 +8,17 @@
  */
 ?>
 
-       </div><!-- #content -->
-
+</div><!-- #content -->
+<div id="header-band" class="footer-band">
+        <div id="industry-group">
+            <span>Specializing in:</span>
+            <span>Financial</span>
+            <span>Healthcare</span>
+            <span>Technology</span>
+            <span>Manufacturing</span>
+            <span>Professional Services</span>
+        </div>
+    </div>
        <footer id="colophon" class="site-footer">
                <div class="bottom-footer">
                        <div class="footer-content clearfix">

diff --git a/header.php b/header.php
index ad6ac90..98ba260 100644 (file)
--- a/header.php
+++ b/header.php
@@ -92,13 +92,7 @@
                        do_action('accesspress_social');
                endif; ?>
         <div id="industries">
-            <div id="industry-group">
-                <span>Financial</span>
-                <span>Healthcare</span>
-                <span>Technology</span>
-                <span>Manufacturing</span>
-                <span>Professional Services</span>
-            </div>
+            
         </div>
        </header><!-- #masthead -->
 

diff --git a/index-parallax.php b/index-parallax.php
index 7eb3b70..b4e92b3 100644 (file)
--- a/index-parallax.php
+++ b/index-parallax.php
@@ -107,9 +107,16 @@
                        </div>
             <?php endif; ?>
             <?php if($count === 1){ ?>
-            <div id="header-band">
-
-            </div>
+                <div id="header-band">
+                    <div id="industry-group">
+                        <span>Specializing in:</span>
+                        <span>Financial</span>
+                        <span>Healthcare</span>
+                        <span>Technology</span>
+                        <span>Manufacturing</span>
+                        <span>Professional Services</span>
+                    </div>
+                </div>
             <?php } ?>
                </section>
        <?php

diff --git a/style.css b/style.css
index e9ae80e..0cf0dd2 100644 (file)
--- a/style.css
+++ b/style.css
@@ -2511,40 +2511,62 @@ Responsive grid for pages
     text-indent: 999999999px;
 }
 
-#header-band{
-    
+#header-band:not(.footer-band){
     position: absolute;
     bottom: -50px;
-    height: 50px;
+    height: auto;
     background-color: #C6D4E1;
     z-index: 100;
     width: 100%;
 }
+body.page #header-band.footer-band{
+    height: auto;
+    background-color: #C6D4E1;
+    z-index: 100;
+    width: 100%;
+}
+body.home #header-band.footer-band{
+    display: none;
+}
 #industries{
     margin-top: 10px;
     background-color: #A1AC88;
-    height: 50px;
+    height: 35px;
     /* margin-bottom: 20px; */
 }
-#industries #industry-group{
+#industry-group{
     display: block;
-    max-width: 700px;
+    max-width: 1200px;
     margin: 0 auto;
     text-align: center;
 }
+#industry-group span{
+    display: inline-block;
+    color: white;
+}
+#industry-group span:not(:first-child){
+    text-transform: lowercase;
+}
+#industry-group span:first-child{
+    font-weight: bold;
+}
 @media (min-width: 768px){
-    #industries span{
+    #industry-group span{
         display: inline-block;
         color: white;
-        padding: 15px;
-        text-transform: lowercase;
+        padding: 15px 10px;
     }
+    
 }
 @media screen and (max-width: 768px){
+    #industry-group span:first-child{
+        display: block;
+    }
     .parallax-section:first-child {
         padding: 10px 0 25px !important;
     }
-    #industries span{
+    #industry-group span{
+ 
         display: inline-block;
         color: white;
         padding: 2px 10px;