I have made some screen size calls

I made it so the header area is only sticky for large view and wider and
made it so the main navigation only shows for large view and up.

diff --git a/sections/header.php b/sections/header.php
index 13d971e..eee75cc 100644 (file)
--- a/sections/header.php
+++ b/sections/header.php
@@ -1,5 +1,5 @@
 <header class="main opensearchserver.ignore" data-sticky-container>
-    <div id="header-content" class="sticky" data-sticky data-margin-top="0">
+    <div id="header-content" class="sticky" data-sticky data-margin-top="0" data-sticky-on="large">
         <div class="row  medium-uncollapse large-collapse">
             <div class="small-12 medium-6 large-4 columns logo">
                 <a href="<?php bloginfo('url')?>"><img src="<?php echo get_template_directory_uri();?>/assets/migcsa-logo.png"></a>

diff --git a/sections/top-bar.php b/sections/top-bar.php
index 7b1785d..83f2910 100644 (file)
--- a/sections/top-bar.php
+++ b/sections/top-bar.php
@@ -1,5 +1,5 @@
 <div data-sticky-container>
-    <div id="main-menu" class="top-bar opensearchserver.ignore" data-sticky style="width=100%">
+    <div id="main-menu" class="top-bar opensearchserver.ignore show-for-large" data-sticky style="width=100%">
         <div class="top-bar-left">
             <?php glm_theme_top_bar(); ?>
         </div>