making adjustments for responsive

diff --git a/footer.php b/footer.php
index 6793d06..1e39576 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -4,20 +4,20 @@
                                 <?php dynamic_sidebar('sidebar-f');?>
                             <?php endif;?>
                             <div class="row collapse">
-                                <div id="contact" class="large-4 columns">
+                                <div id="contact" class="medium-4 columns show-for-medium-up">
                                     <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url'); ?>/assets/glm-logo-footer.png"></a>
                                     <?php get_template_part('parts/client-info-footer');?>
                                     <a>Contact Us</a>
-                                    <a class="facebook"><img src="<?php bloginfo('template_url'); ?>/assets/facebook-icon.png"></a>
+                                    <a class="facebook show-for-medium-up"><img src="<?php bloginfo('template_url'); ?>/assets/facebook-icon.png"></a>
                                 </div>
-                                <div id="title-feed" class="large-4 columns">
+                                <div id="title-feed" class="small-6 medium-4 columns">
                                     <h6>From The Blog</h6>
                                     <h3>Igendes rem Nequis sitae doluptati as. Luis sitae dolu</h3>
                                     <h3>Mag niatas que occate volorum.</h3>
                                     <h3>Au libus etum re, consequi odit, suntota.</h3>
                                     <h3>Chit quam alique et volo corem hillaut unt.</h3>
                                 </div>
-                                <div id="webcam" class="large-4 columns">
+                                <div id="webcam" class="small-6 medium-4 columns">
                                     <img src="<?php bloginfo('template_url'); ?>/assets/web-cam-image-fpo.jpg">
                                     <span>Petoskey Harbor and Little Traverse Bay</span>
                                 </div>

diff --git a/front-page.php b/front-page.php
index 7f433be..ac9b88b 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -2,21 +2,23 @@
 <main class="page-front">
     <?php get_template_part('parts/slide-show');?>
     <div class="statements">
-        <h1 class="text-center">Modern <img src="<?php bloginfo('template_url'); ?>/assets/glm-flame-icon.png"> Intelligent <img src="<?php bloginfo('template_url'); ?>/assets/glm-flame-icon.png"> Powerful<br>Websites That Amaze</h1>
+        <div class="row">
+            <h1 class="text-center">Modern <img src="<?php bloginfo('template_url'); ?>/assets/glm-flame-icon.png"> Intelligent <img src="<?php bloginfo('template_url'); ?>/assets/glm-flame-icon.png"> Powerful<br>Websites That Amaze</h1>
+        </div>
         <div class="row collapse">
-            <div id="design" class="large-3 columns static">
+            <div id="design" class="small-12 medium-6 large-3 columns static">
                 <h3>Discover & Design</h3>
                 
             </div>
-            <div id="program" class="large-3 columns static">
+            <div id="program" class="small-12 medium-6 large-3 columns static">
                 <h3>Development & Program</h3>
                 
             </div>
-            <div id="test" class="large-3 columns static">
+            <div id="test" class="small-12 medium-6 large-3 columns static">
                 <h3>Implement & Test</h3>
                 
             </div>
-            <div id="monitor" class="large-3 columns static">
+            <div id="monitor" class="small-12 medium-6 large-3 columns static">
                 <h3>Monitor & Maintenance</h3>
                 
             </div>

diff --git a/header.php b/header.php
index 289f567..cc5349c 100644 (file)
--- a/header.php
+++ b/header.php
@@ -14,11 +14,11 @@
             <div id="page-wrapper">
                     <header id="stick-header">
                         <div class="row collapse">
-                            <div class="large-3 columns">
+                            <div class="small-8 small-text-center medium-text-left medium-5 large-3 columns">
                                 <a href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url'); ?>/assets/glm-logo-header.png"></a>
                             </div>
-                            <div class="large-4 columns right">
-                                <ul id="second-nav">
+                            <div class="small-4 medium-6 large-4 columns right">
+                                <ul id="second-nav" class="show-for-medium-up">
                                     <li class="right"><a>Bill Pay</a></li>
                                     <li class="right"><a>Check Email</a></li>
                                 </ul>

diff --git a/parts/top-bar.php b/parts/top-bar.php
index 5317532..35b9237 100644 (file)
--- a/parts/top-bar.php
+++ b/parts/top-bar.php
@@ -9,7 +9,7 @@
     </section>
 </nav>
 <nav class="tab-bar show-for-medium-down">
-    <section class="left-small">
-        <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
+    <section class="right-small">
+        <a class="right-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
     </section>
 </nav>