From 0f77f6dd4071dd586678bb6ebe101d92523370e4 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Thu, 13 Aug 2015 15:32:25 -0400 Subject: [PATCH] Adding maxmegamenu support --- css/sherman-maxmegamenu.css | 674 ++++++++++++++++++++++++++++++++++++ functions.php | 13 +- 2 files changed, 685 insertions(+), 2 deletions(-) create mode 100644 css/sherman-maxmegamenu.css diff --git a/css/sherman-maxmegamenu.css b/css/sherman-maxmegamenu.css new file mode 100644 index 0000000..8640031 --- /dev/null +++ b/css/sherman-maxmegamenu.css @@ -0,0 +1,674 @@ +/* + Generated using the MaxMegaMenu Menu Themes settings.Out put to css under geneeral settings, and then vew source, snatch the css, and paste here. +*/ + +#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul, #mega-menu-wrap-primary #mega-menu-primary li, #mega-menu-wrap-primary #mega-menu-primary p, #mega-menu-wrap-primary #mega-menu-primary img, #mega-menu-wrap-primary #mega-menu-primary div, #mega-menu-wrap-primary #mega-menu-primary a { + color: #fff; + font-family: inherit; + font-size: 14px; + background: none; + border: 0; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + -ms-border-radius: 0 0 0 0; + -o-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; + margin: 0; + opacity: 1; + padding: 0; + position: relative; + right: auto; + top: auto; + bottom: auto; + left: auto; + text-align: left; + text-transform: none; + vertical-align: baseline; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + list-style-type: none; + line-height: 1.7; + box-sizing: border-box; + float: none; + overflow: visible; + display: block; + min-height: 0; + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; + text-decoration: none; + width: auto; + clip: auto; + height: auto; + outline: none; + visibility: inherit; +} +#mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul:before, #mega-menu-wrap-primary #mega-menu-primary li:before, #mega-menu-wrap-primary #mega-menu-primary p:before, #mega-menu-wrap-primary #mega-menu-primary img:before, #mega-menu-wrap-primary #mega-menu-primary div:before, #mega-menu-wrap-primary #mega-menu-primary a:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul:after, #mega-menu-wrap-primary #mega-menu-primary li:after, #mega-menu-wrap-primary #mega-menu-primary p:after, #mega-menu-wrap-primary #mega-menu-primary img:after, #mega-menu-wrap-primary #mega-menu-primary div:after, #mega-menu-wrap-primary #mega-menu-primary a:after { + display: none; +} +#mega-menu-wrap-primary #mega-menu-primary { + visibility: visible; +} +#mega-menu-wrap-primary #mega-menu-primary a { + display: inline; +} +#mega-menu-wrap-primary #mega-menu-primary table, #mega-menu-wrap-primary #mega-menu-primary td, #mega-menu-wrap-primary #mega-menu-primary tr, #mega-menu-wrap-primary #mega-menu-primary th { + border: 0; + margin: 0; + padding: 0; + background: none; +} +#mega-menu-wrap-primary { + background: rgba(219, 219, 219, 0); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 235, 235, 0)), to(rgba(219, 219, 219, 0))); + background: -moz-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: -ms-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: -o-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: linear-gradient(to bottom, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00EBEBEB', endColorstr='#00DBDBDB'); + -webkit-border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px 3px 3px 3px; + -ms-border-radius: 3px 3px 3px 3px; + -o-border-radius: 3px 3px 3px 3px; + border-radius: 3px 3px 3px 3px; +} +#mega-menu-wrap-primary #mega-menu-primary { + text-align: left; + padding: 0px 0px 0px 0px; +} +#mega-menu-wrap-primary #mega-menu-primary p { + margin-bottom: 10px; +} +#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img { + max-width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { + display: block; + visibility: hidden; + opacity: 1; +} +#mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { + visibility: visible; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before { + font-family: dashicons; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-disable-link > a { + cursor: default; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a:before { + display: inline-block; + font: inherit; + font-family: dashicons; + position: static; + margin: 0 6px 0 0px; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: inherit; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text a:before { + margin: 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a { + -webkit-border-radius: 0px 0px 0 0; + -moz-border-radius: 0px 0px 0 0; + -ms-border-radius: 0px 0px 0 0; + -o-border-radius: 0px 0px 0 0; + border-radius: 0px 0px 0 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right > ul.mega-sub-menu { + right: 0; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right.mega-toggle-on > a { + -webkit-border-radius: 0px 0px 0 0; + -moz-border-radius: 0px 0px 0 0; + -ms-border-radius: 0px 0px 0 0; + -o-border-radius: 0px 0px 0 0; + border-radius: 0px 0px 0 0; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item { + position: static; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { + margin: 0 0px 0 0; + display: inline-block; + height: auto; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right { + float: right; + margin: 0 0 0 0px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:focus { + background: rgba(0, 0, 0, 0.3); + color: #fff; + font-weight: normal; + text-decoration: none; + border-color: #fff; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a { + background: rgba(0, 0, 0, 0.3); + color: #fff; + font-weight: normal; + text-decoration: none; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { + border-top: 0px solid #fff; + border-left: 0px solid #fff; + border-right: 0px solid #fff; + border-bottom: 0px solid #fff; + outline: none; + text-decoration: none; + padding: 0 10px 0 10px; + line-height: 55px; + font-weight: normal; + height: 55px; + vertical-align: baseline; + text-align: left; + width: auto; + display: block; + color: rgba(255, 255, 255, 0.8); + text-transform: none; + text-decoration: none; + background: rgba(0, 0, 0, 0); + -webkit-border-radius: 0px 0px 0px 0px; + -moz-border-radius: 0px 0px 0px 0px; + -ms-border-radius: 0px 0px 0px 0px; + -o-border-radius: 0px 0px 0px 0px; + border-radius: 0px 0px 0px 0px; + font-family: inherit; + font-size: 14px; + cursor: pointer; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { + display: list-item; + margin: 0; + clear: both; + border: 0; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right { + float: none; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a { + -webkit-border-radius: 0 0 0 0 0 0 0; + -moz-border-radius: 0 0 0 0 0 0 0; + -ms-border-radius: 0 0 0 0 0 0 0; + -o-border-radius: 0 0 0 0 0 0 0; + border-radius: 0 0 0 0 0 0 0; + border: 0; + margin: 0; + line-height: 40px; + height: 40px; + padding: 0 10px; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { + z-index: 999; + -webkit-border-radius: 0px 0px 0px 0px; + -moz-border-radius: 0px 0px 0px 0px; + -ms-border-radius: 0px 0px 0px 0px; + -o-border-radius: 0px 0px 0px 0px; + border-radius: 0px 0px 0px 0px; + background: #2c2c2c; + background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#2c2c2c)); + background: -moz-linear-gradient(top, #353535, #2c2c2c); + background: -ms-linear-gradient(top, #353535, #2c2c2c); + background: -o-linear-gradient(top, #353535, #2c2c2c); + background: linear-gradient(to bottom, #353535, #2c2c2c); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF353535', endColorstr='#FF2C2C2C'); + padding: 10px 10px 10px 10px; + position: absolute; + width: 100%; + border-top: 0px solid rgba(255, 0, 0, 0); + border-left: 0px solid rgba(255, 0, 0, 0); + border-right: 0px solid rgba(255, 0, 0, 0); + border-bottom: 0px solid rgba(255, 0, 0, 0); + left: 0; + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { + float: left; + position: static; + width: 100% !important; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 { + width: 33.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 { + width: 66.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 { + width: 25%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 { + width: 75%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 { + width: 20%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 { + width: 40%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 { + width: 60%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 { + width: 80%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 { + width: 16.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 { + width: 33.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 { + width: 66.66667%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 { + width: 83.33333%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 { + width: 14.28571%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 { + width: 28.57143%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 { + width: 42.85714%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 { + width: 57.14286%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 { + width: 71.42857%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 { + width: 85.71429%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 { + width: 100%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 { + width: 12.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 { + width: 25%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 { + width: 37.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 { + width: 50%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 { + width: 62.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 { + width: 75%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 { + width: 87.5%; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 { + width: 100%; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { + border: 0; + padding: 10px; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + -ms-border-radius: 0 0 0 0; + -o-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li { + width: 50% !important; + clear: none; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(odd) { + clear: left; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu { + clear: both; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu li ul.mega-sub-menu { + margin-left: 10px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li ul.mega-sub-menu li ul.mega-sub-menu li ul.mega-sub-menu { + margin-left: 20px; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { + color: #fff; + font-family: inherit; + font-size: 14px; + display: block; + float: left; + clear: none; + padding: 15px 15px 15px 15px; + vertical-align: top; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear { + clear: left; + /* Widget titles */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { + color: #d8d8d8; + font-family: inherit; + font-size: 16px; + text-transform: none; + text-decoration: none; + font-weight: bold; + margin: 0px 0px 0px 0px; + padding: 0px 0px 5px 0px; + vertical-align: top; + display: block; + border-top: 0px solid #555; + border-left: 0px solid #555; + border-right: 0px solid #555; + border-bottom: 0px solid #555; + /* Second level menu item */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a { + color: #f6f6f6; + font-family: inherit; + font-size: 16px; + text-transform: uppercase; + text-decoration: none; + font-weight: bold; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + vertical-align: top; + display: block; + border-top: 0px solid #555; + border-left: 0px solid #555; + border-right: 0px solid #555; + border-bottom: 0px solid #555; + /* Second level menu item hover */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:focus { + color: #fff; + font-weight: bold; + text-decoration: underline; + background: rgba(198, 198, 198, 0); + /* third level menu item */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a { + color: #f6f6f6; + font-family: inherit; + font-size: 14px; + text-transform: none; + text-decoration: none; + font-weight: normal; + margin: 0; + padding: 0px 0px 0px 0px; + vertical-align: top; + display: block; + /* Second level menu item hover */ +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a:focus { + color: #fff; + font-weight: normal; + text-decoration: underline; + background: rgba(198, 198, 198, 0); +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { + z-index: 999; + position: absolute; + width: 200px; + border-top: 0px solid #fff; + border-left: 0px solid #fff; + border-right: 0px solid #fff; + border-bottom: 0px solid #fff; + padding: 0px 0px 0px 0px; + background: #2c2c2c; + background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#2c2c2c)); + background: -moz-linear-gradient(top, #353535, #2c2c2c); + background: -ms-linear-gradient(top, #353535, #2c2c2c); + background: -o-linear-gradient(top, #353535, #2c2c2c); + background: linear-gradient(to bottom, #353535, #2c2c2c); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF353535', endColorstr='#FF2C2C2C'); + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { + float: left; + position: static; + width: 100% !important; + padding: 0; + border: 0; + } +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item { + clear: both; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a { + display: block; + background: rgba(241, 241, 241, 0); + color: #f6f6f6; + font-family: inherit; + font-size: 14px; + font-weight: normal; + padding: 0px 10px 0px 10px; + line-height: 35px; + text-decoration: none; + text-transform: none; + vertical-align: baseline; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child a { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child a { + border-top-left-radius: 0; + border-top-right-radius: 0; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:focus { + background: #000; + font-weight: normal; + text-decoration: none; + color: #fff; +} +#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + position: absolute; + left: 100%; + top: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + position: static; + left: 0; + width: 100%; + } + #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a { + padding-left: 20px; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a:after { + content: '\f140'; + display: inline-block; + font: inherit; + font-family: dashicons; + margin: 0 0 0 6px; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transform: rotate(0); + -moz-transform: rotate(0); + -ms-transform: rotate(0); + -o-transform: rotate(0); + transform: rotate(0); + color: inherit; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children a:after { + float: right; + } + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children.mega-toggle-on > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children.mega-toggle-on > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > a:after { + content: '\f142'; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children.mega-hide-arrow > a:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children.mega-hide-arrow > a:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-hide-arrow > a:after { + display: none; +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a:after { + content: '\f139'; + float: right; + margin: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a:after { + content: '\f140'; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a { + text-align: right; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a { + text-align: left; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a:before { + float: right; + margin: 0 0 0 6px; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li a:before { + float: left; + margin: 0 6px 0 0; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a:after { + content: '\f141'; + float: left; + margin: 0; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item-has-children > a:after { + content: '\f140'; + float: right; + } +} +#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { + left: -100%; + top: 0; +} +#mega-menu-wrap-primary .mega-menu-toggle { + display: none; + z-index: 1; + cursor: pointer; + text-align: right; + background: rgba(219, 219, 219, 0); + background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 235, 235, 0)), to(rgba(219, 219, 219, 0))); + background: -moz-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: -ms-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: -o-linear-gradient(top, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + background: linear-gradient(to bottom, rgba(235, 235, 235, 0), rgba(219, 219, 219, 0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00EBEBEB', endColorstr='#00DBDBDB'); + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + -ms-border-radius: 2px 2px 2px 2px; + -o-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; + line-height: 40px; + height: 40px; + color: rgba(255, 255, 255, 0.8); +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary .mega-menu-toggle { + display: block; + } +} +#mega-menu-wrap-primary .mega-menu-toggle:before { + content: "\f333"; + font-family: 'dashicons'; + font-size: 24px; + margin: 0 5px; + float: right; +} +#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:before { + content: "\f153"; +} +#mega-menu-wrap-primary .mega-menu-toggle:after { + content: 'MENU'; +} +#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { + content: ""; +} +@media only screen and (max-width: 600px) { + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { + display: none; + } + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { + display: none; + visibility: visible; + opacity: 1; + } + #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu { + display: block; + } + #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { + display: block; + } +} +#mega-menu-wrap-primary { + clear: both; +} \ No newline at end of file diff --git a/functions.php b/functions.php index 8c3c977..9c24a9e 100644 --- a/functions.php +++ b/functions.php @@ -7,6 +7,7 @@ // Remove the Header Image Feature + function sherman_remove_theme_features() { remove_theme_support( 'custom-header' ); remove_theme_support( 'custom-background' ); @@ -17,7 +18,7 @@ add_action( 'init', 'sherman_remove_theme_features' ); function sherman_customize_register( $wp_customize ) { //$wp_customize->remove_section('colors'); $wp_customize->remove_section('background_image'); - $wp_customize->remove_section('nav'); + //$wp_customize->remove_section('nav'); } add_action( 'customize_register', 'sherman_customize_register' ); @@ -69,7 +70,15 @@ function sherman_scripts() { } else { wp_enqueue_style( 'sherman-blue', get_stylesheet_directory_uri() . '/css/sherman-blue.css', array('cs-style') ); } + + include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); + $maxMegaMenuActive = is_plugin_active('megamenu/megamenu.php'); + if ($maxMegaMenuActive){ + wp_dequeue_style( 'cs-megamenu' ); + wp_enqueue_style( 'sherman-megamenu', get_stylesheet_directory_uri(). '/css/sherman-maxmegamenu.css', array( 'cs-style' )); + }; + } -add_action( 'wp_enqueue_scripts', 'sherman_scripts'); +add_action( 'wp_enqueue_scripts', 'sherman_scripts', 99); ?> \ No newline at end of file