adding off canvas menu

had to wrap the site in off canvas content, setting up off canvas menu

diff --git a/assets/img/wmta-logo-header.png b/assets/img/wmta-logo-header.png
new file mode 100644 (file)
index 0000000..a534e6f
Binary files /dev/null and b/assets/img/wmta-logo-header.png differ

diff --git a/assets/stylesheets/glm-dev.css b/assets/stylesheets/glm-dev.css
index 6895073..fb76ed8 100644 (file)
--- a/assets/stylesheets/glm-dev.css
+++ b/assets/stylesheets/glm-dev.css
@@ -1,3 +1,3 @@
-.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}#top-menu-right .top-bar{padding:0px;background-color:#fff;float:right;margin-right:30px}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu{background:#333;border:none}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu li.menu-item a{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a{padding:2rem 10px;font-family:inherit;font-size:12px;font-weight:400;color:#9a9a9a;background-color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a:hover{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a::after{display:none}.search-button{right:0;top:-3px}
+.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}#top-menu-right .top-bar{padding:0px;background-color:#fff;float:right;margin-right:30px}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu{background:#333;border:none}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu li.menu-item a{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a{padding:2rem 10px;font-family:inherit;font-size:12px;font-weight:400;color:#9a9a9a;background-color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a:hover{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a::after{display:none}.search-button{right:0;top:-3px}.header-logo{float:left;margin-top:12px}.header-logo img{max-width:270px}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{z-index:99999999}.title-bar{background-color:#74a8c1}.title-bar .menu-icon{background:transparent;background-color:transparent;box-shadow:none;border-color:transparent}
 
 /*# sourceMappingURL=glm-dev.css.map */

diff --git a/assets/stylesheets/glm-dev.css.map b/assets/stylesheets/glm-dev.css.map
index 47eabd9..0c28358 100644 (file)
--- a/assets/stylesheets/glm-dev.css.map
+++ b/assets/stylesheets/glm-dev.css.map
@@ -1 +1 @@
-{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';","$l-blue : #74a8c1;\n$blue   : #156c96;\n$white  : white;\n$grey   : #9a9a9a;\n$oil    : #333;",".top-menu-left{\n    height: 28px;\n    .top-bar{\n        height: 28px;\n        padding: 0;\n        float: right;\n        background-color: $blue;\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .55rem 9px;\n                        font-size: 11px;\n                        color: $l-blue;\n                        background-color: $blue;\n                        &:hover{\n                            background-color: $l-blue;\n                            color: $white;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n#top-menu-right{\n    .top-bar{\n        padding: 0px;\n        background-color: $white;\n        float: right;\n        margin-right: 30px;\n        .top-bar-section{\n            ul.dropdown.menu{\n                \n                .menu-item{\n                    ul.submenu{\n                        background: $oil;\n                        border: none;\n                        \n                        li.menu-item{\n                            a{\n                                background-color: $oil;\n                                color: $white;\n                            }\n                        }\n                    }\n                    > a{\n                        padding: 2rem 10px;\n                        font-family: inherit;\n                        font-size: 12px;\n                        font-weight: 400;\n                        color: $grey;\n                        background-color: $white;\n                        &:hover{\n                            background-color: $oil;\n                            color: $white;\n                        }\n                        &::after{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.search-button{\n    right: 0;\n    top: -3px;\n}","",""],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLd,OAAO,CCsBZ,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbnB,OAAO,CCcO,gBAAgB,CDb9B,OAAO,CCkBI,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBlC,OAAO,CCiBW,KAAK,CDfvB,IAAK,CCgBU,AAOzB,AACI,eADW,CACX,QAAQ,AAAA,CACJ,OAAO,CAAE,GAAI,CACb,gBAAgB,CD1Bd,IAAK,CC2BP,KAAK,CAAE,KAAM,CACb,YAAY,CAAE,IAAK,CAkCtB,AAvCL,AAUsB,eAVP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,AAAA,CACN,UAAU,CDhCxB,IAAI,CCiCU,MAAM,CAAE,IAAK,CAQhB,AApBrB,AAe4B,eAfb,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,CAIN,EAAE,AAAA,UAAU,CACR,CAAC,AAAA,CACG,gBAAgB,CDrCtC,IAAI,CCsCkB,KAAK,CDxC3B,IAAK,CCyCc,AAlB7B,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAAA,CACC,OAAO,CAAE,SAAU,CACnB,WAAW,CAAE,OAAQ,CACrB,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,GAAI,CACjB,KAAK,CDhDnB,OAAO,CCiDO,gBAAgB,CDlD9B,IAAK,CC0DM,AAnCrB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAOE,MAAM,AAAA,CACH,gBAAgB,CDlDlC,IAAI,CCmDc,KAAK,CDrDvB,IAAK,CCsDU,AA/BzB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAWE,OAAO,AAAA,CACJ,OAAO,CAAE,IAAK,CACjB,AAOzB,AAAA,cAAc,AAAA,CACV,KAAK,CAAE,CAAE,CACT,GAAG,CAAE,IAAK,CACb","names":[]}
\ No newline at end of file
+{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss","_off-canvas.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';\n@import 'off-canvas';","$l-blue : #74a8c1;\n$blue   : #156c96;\n$white  : white;\n$grey   : #9a9a9a;\n$oil    : #333;",".top-menu-left{\n    height: 28px;\n    .top-bar{\n        height: 28px;\n        padding: 0;\n        float: right;\n        background-color: $blue;\n        .top-bar-section{\n            ul.dropdown.menu{\n                .menu-item{\n                    a{\n                        padding: .55rem 9px;\n                        font-size: 11px;\n                        color: $l-blue;\n                        background-color: $blue;\n                        &:hover{\n                            background-color: $l-blue;\n                            color: $white;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n#top-menu-right{\n    .top-bar{\n        padding: 0px;\n        background-color: $white;\n        float: right;\n        margin-right: 30px;\n        .top-bar-section{\n            ul.dropdown.menu{\n                \n                .menu-item{\n                    ul.submenu{\n                        background: $oil;\n                        border: none;\n                        \n                        li.menu-item{\n                            a{\n                                background-color: $oil;\n                                color: $white;\n                            }\n                        }\n                    }\n                    > a{\n                        padding: 2rem 10px;\n                        font-family: inherit;\n                        font-size: 12px;\n                        font-weight: 400;\n                        color: $grey;\n                        background-color: $white;\n                        &:hover{\n                            background-color: $oil;\n                            color: $white;\n                        }\n                        &::after{\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.search-button{\n    right: 0;\n    top: -3px;\n}\n.header-logo{\n    float: left;\n    margin-top: 12px;\n    img{\n        max-width: 270px;\n    }\n}","","",".off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{\n    z-index: 99999999;\n}\n.title-bar{\n    background-color: $l-blue;\n    .menu-icon{\n        background: transparent;\n        background-color: transparent;\n        box-shadow: none;\n        border-color: transparent;\n    }\n}\n"],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLd,OAAO,CCsBZ,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbnB,OAAO,CCcO,gBAAgB,CDb9B,OAAO,CCkBI,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBlC,OAAO,CCiBW,KAAK,CDfvB,IAAK,CCgBU,AAOzB,AACI,eADW,CACX,QAAQ,AAAA,CACJ,OAAO,CAAE,GAAI,CACb,gBAAgB,CD1Bd,IAAK,CC2BP,KAAK,CAAE,KAAM,CACb,YAAY,CAAE,IAAK,CAkCtB,AAvCL,AAUsB,eAVP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,AAAA,CACN,UAAU,CDhCxB,IAAI,CCiCU,MAAM,CAAE,IAAK,CAQhB,AApBrB,AAe4B,eAfb,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,CAIN,EAAE,AAAA,UAAU,CACR,CAAC,AAAA,CACG,gBAAgB,CDrCtC,IAAI,CCsCkB,KAAK,CDxC3B,IAAK,CCyCc,AAlB7B,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAAA,CACC,OAAO,CAAE,SAAU,CACnB,WAAW,CAAE,OAAQ,CACrB,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,GAAI,CACjB,KAAK,CDhDnB,OAAO,CCiDO,gBAAgB,CDlD9B,IAAK,CC0DM,AAnCrB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAOE,MAAM,AAAA,CACH,gBAAgB,CDlDlC,IAAI,CCmDc,KAAK,CDrDvB,IAAK,CCsDU,AA/BzB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAWE,OAAO,AAAA,CACJ,OAAO,CAAE,IAAK,CACjB,AAOzB,AAAA,cAAc,AAAA,CACV,KAAK,CAAE,CAAE,CACT,GAAG,CAAE,IAAK,CACb,AACD,AAAA,YAAY,AAAA,CACR,KAAK,CAAE,IAAK,CACZ,UAAU,CAAE,IAAK,CAIpB,AAND,AAGI,YAHQ,CAGR,GAAG,AAAA,CACC,SAAS,CAAE,KAAM,CACpB,AG3EL,AAAmE,mBAAhD,CAAC,WAAW,AAAA,cAAc,AAAA,sBAAsB,AAAA,QAAQ,AAAA,CACvE,OAAO,CAAE,QAAS,CACrB,AACD,AAAA,UAAU,AAAA,CACN,gBAAgB,CJJV,OAAO,CIWhB,AARD,AAEI,UAFM,CAEN,UAAU,AAAA,CACN,UAAU,CAAE,WAAY,CACxB,gBAAgB,CAAE,WAAY,CAC9B,UAAU,CAAE,IAAK,CACjB,YAAY,CAAE,WAAY,CAC7B","names":[]}
\ No newline at end of file

diff --git a/footer.php b/footer.php
index a4e2616..8ed5539 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -161,8 +161,8 @@ get_template_part('template-parts/search','overlay');
 
 
 </script>
-
-
-
+                       </div>
+               </div>
+       </div>
 </body>
 </html>

diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss
index dfab42d..1d036e6 100644 (file)
--- a/glm-dev/scss/_header.scss
+++ b/glm-dev/scss/_header.scss
@@ -67,4 +67,11 @@
 .search-button{
     right: 0;
     top: -3px;
+}
+.header-logo{
+    float: left;
+    margin-top: 12px;
+    img{
+        max-width: 270px;
+    }
 }
\ No newline at end of file

diff --git a/glm-dev/scss/_off-canvas.scss b/glm-dev/scss/_off-canvas.scss
new file mode 100644 (file)
index 0000000..cd1e62e
--- /dev/null
+++ b/glm-dev/scss/_off-canvas.scss
@@ -0,0 +1,12 @@
+.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{
+    z-index: 99999999;
+}
+.title-bar{
+    background-color: $l-blue;
+    .menu-icon{
+        background: transparent;
+        background-color: transparent;
+        box-shadow: none;
+        border-color: transparent;
+    }
+}

diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss
index e25990a..3a76a47 100644 (file)
--- a/glm-dev/scss/glm-dev.scss
+++ b/glm-dev/scss/glm-dev.scss
@@ -1,4 +1,5 @@
 @import 'global-settings';
 @import 'header';
 @import 'body';
-@import 'footer';
\ No newline at end of file
+@import 'footer';
+@import 'off-canvas';
\ No newline at end of file

diff --git a/glm-dev/scss/package.json b/glm-dev/scss/package.json
new file mode 100644 (file)
index 0000000..9862aa2
--- /dev/null
+++ b/glm-dev/scss/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "coldwater",
+  "description": "Gaslight Media",
+  "version": "0.0.1",
+  "devDependencies": {
+    "gulp": "^3.9.0",
+    "gulp-autoprefixer": "^3.1.0",
+    "gulp-babel": "^6.1.2",
+    "gulp-clean": "^0.3.2",
+    "gulp-concat": "^2.6.0",
+    "gulp-copy": "0.0.2",
+    "gulp-jshint": "^2.0.1",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^2.3.2",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-uglify": "^2.0.0",
+    "jshint": "^2.9.2",
+    "node-sass": "^3.8.0",
+    "babel-preset-es2015": "~6.13.2"
+  },
+  "dependencies": {
+    "gulp-jade-php": "^2.0.0-0"
+  }
+}

diff --git a/header.php b/header.php
index b997bef..c063f5c 100644 (file)
--- a/header.php
+++ b/header.php
@@ -93,51 +93,54 @@
 </head>
 
 <body <?php body_class(); ?>>
-<div id="page" class="site">
+       <div class="off-canvas-wrapper">
+               <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
+                       <div class="off-canvas-content" data-off-canvas-content>
+                               <div id="page" class="site">
+                                   <?php include "template-parts/off-canvas.php"; ?>
+                                       <div id="header-advert">
 
-       <div id="header-advert">
+                                               <?php // Header Ad. Global Ads are a widget. Members only Ads are a custom field.
+                                               if ( is_user_logged_in () && is_page(array(31778,34037,37714,30989))) : ?>
 
-               <?php // Header Ad. Global Ads are a widget. Members only Ads are a custom field.
-               if ( is_user_logged_in () && is_page(array(31778,34037,37714,30989))) : ?>
+                                                       <?php
+                                                       if(get_field('membersonly_header_ad')) {
+                                                               $membersonly_header_ad = get_field('membersonly_header_ad');
+                                                               echo adrotate_group($membersonly_header_ad);
+                                                       }
+                                                       else {
+                                                               if (! dynamic_sidebar('header-ad')):endif;
+                                                       }
+                                                       ?>
 
-                       <?php
-                       if(get_field('membersonly_header_ad')) {
-                               $membersonly_header_ad = get_field('membersonly_header_ad');
-                               echo adrotate_group($membersonly_header_ad);
-                       }
-                       else {
-                               if (! dynamic_sidebar('header-ad')):endif;
-                       }
-                       ?>
-
-               <?php else : ?>
+                                               <?php else : ?>
 
-                       <?php if (! dynamic_sidebar('header-ad')):endif; ?>
+                                                       <?php if (! dynamic_sidebar('header-ad')):endif; ?>
 
-               <?php endif; ?>
+                                               <?php endif; ?>
 
-       </div>
+                                       </div>
 
-       <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'wmta' ); ?></a>
+                                       <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'wmta' ); ?></a>
 
-       <header id="masthead" class="site-header row" role="banner">
+                                       <header id="masthead" class="site-header row" role="banner">
 
-               <div class="header-top row">
+                                               <div class="header-top row">
 
-                       <?php get_template_part('template-parts/top','nav'); ?>
+                                                       <?php get_template_part('template-parts/top','nav'); ?>
 
-               </div>
+                                               </div>
 
-               <div id="scroller">
+                                               <div id="scroller">
 
-                       <div class="row column main-nav-wrap">
+                                                       <div class="row column main-nav-wrap">
 
-                               <?php get_template_part('template-parts/main','nav'); ?>
+                                                               <?php get_template_part('template-parts/main','nav'); ?>
 
-                       </div>
+                                                       </div>
 
-               </div>
+                                               </div>
 
-       </header><!-- #masthead -->
+                                       </header><!-- #masthead -->
 
-       <div id="content" class="site-content">
+                                       <div id="content" class="site-content">

diff --git a/template-parts/main-nav.php b/template-parts/main-nav.php
index dbfb209..7f82930 100644 (file)
--- a/template-parts/main-nav.php
+++ b/template-parts/main-nav.php
@@ -1,13 +1,12 @@
 <div id="top-menu-right">
-       <nav class="top-bar text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
+       <div class="header-logo">
+               <img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/img/wmta-logo-header.png" alt="">
+       </div>
+       <nav class="top-bar text-center show-for-large opensearchserver.ignore" data-topbar role="navigation">
                <section class="top-bar-section">
                        <?php glm_theme_top_bar('top-bar'); ?>
                </section>
        </nav>
-       <nav class="tab-bar hide-for-large">
-               <section class="left-small">
-                       <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
-               </section>
-       </nav><!-- #site-navigation -->
+
 </div>
 <a class="search-button" href="#" id="trigger-overlay"></a>
\ No newline at end of file

diff --git a/template-parts/off-canvas.php b/template-parts/off-canvas.php
new file mode 100644 (file)
index 0000000..f0c0157
--- /dev/null
+++ b/template-parts/off-canvas.php
@@ -0,0 +1,50 @@
+
+<div class="off-canvas position-left opensearchserver.ignore" id="offCanvasLeft" data-off-canvas>
+    <?php glm_theme_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/oc-search-form');?>
+    
+    <?php if (function_exists('glm_get_clientinfo_option')) :?>
+    <ul class="vertical oc-client-info">
+        <li><?php echo glm_get_clientinfo_option('businessName');?></li>
+        <?php if (glm_get_clientinfo_option('address')):?>
+            <li><?php echo glm_get_clientinfo_option('address');?></li>
+            <li><?php echo glm_get_clientinfo_option('city');?>, <?php echo glm_get_clientinfo_option('state');?>
+                <?php echo glm_get_clientinfo_option('zip');?></li>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('address2')):?>
+            <li><?php echo glm_get_clientinfo_option('address2');?></li>
+            <li><?php echo glm_get_clientinfo_option('city2');?>, <?php echo glm_get_clientinfo_option('state2');?>
+                <?php echo glm_get_clientinfo_option('zip2');?></li>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('tollfree')) :?>
+            <li><?php echo glm_get_clientinfo_option('tollfree');?></li>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('phone')) :?>
+            <li><?php echo glm_get_clientinfo_option('phone');?></li>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('phone2')) :?>
+            <span class="bullet"> &#8226; </span><span><?php echo glm_get_clientinfo_option('phone2');?></span>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('email')) :?>
+            <span class="bullet"> &#8226; </span><span><?php echo glm_get_clientinfo_option('email');?></span>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('fax')) :?>
+            <li><?php echo glm_get_clientinfo_option('fax');?></li>
+        <?php endif;?>
+        <?php if (glm_get_clientinfo_option('extra')) :?>
+            <li><?php echo glm_get_clientinfo_option('extra');?></li>
+        <?php endif;?>
+    </ul>
+    <ul class="social menu">
+        <li class="social-media-item">
+            <a class="facebook-icon social-icon" href="https://www.facebook.com/ColdwaterCountry/" target="_blank"></a>
+        </li>
+<!--
+        <li class="social-media-item">
+            <a class="instagram-icon social-icon" href=""></a>
+        </li>
+-->
+    </ul>
+    <p class="oc-handle">#COLDWATERCOUNTRY</p>
+    <?php endif;?>
+</div>
\ No newline at end of file

diff --git a/template-parts/top-nav.php b/template-parts/top-nav.php
index fa03ea2..7a75b89 100644 (file)
--- a/template-parts/top-nav.php
+++ b/template-parts/top-nav.php
@@ -12,16 +12,17 @@
        </div><!-- .top-menu-right -->
 
        <div class="top-menu-left">
-               <nav class="top-bar text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
+               <nav class="top-bar text-center show-for-large opensearchserver.ignore" data-topbar role="navigation">
                        <section class="top-bar-section">
                                <?php glm_theme_top_bar('top-bar-2'); ?>
                        </section>
                </nav>
-               <nav class="tab-bar hide-for-large">
-                       <section class="left-small">
-                               <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
-                       </section>
-               </nav>
+               <div class="title-bar opensearchserver.ignore" data-responsive-toggle="main-menu" data-hide-for="large">
+                       <div class="title-bar-left">
+                               <button class="menu-icon" type="button" data-open="offCanvasLeft"></button>
+                               <span class="title-bar-title">Menu</span>
+               </div>
+               </div>
        </div><!-- .top-menu-left -->
 
 </nav><!-- #site-navigation -->
\ No newline at end of file