mobile menu
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
13 changed files
with
44 additions
and
202 deletions
| ... | @@ -16344,6 +16344,8 @@ body { | ... | @@ -16344,6 +16344,8 @@ body { |
| 16344 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right { | 16344 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right { |
| 16345 | flex: 1; | 16345 | flex: 1; |
| 16346 | justify-content: flex-end; | 16346 | justify-content: flex-end; |
| 16347 | z-index: 9999999999; | ||
| 16348 | position: relative; | ||
| 16347 | } | 16349 | } |
| 16348 | 16350 | ||
| 16349 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { | 16351 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { |
| ... | @@ -16362,52 +16364,6 @@ body { | ... | @@ -16362,52 +16364,6 @@ body { |
| 16362 | flex-shrink: 0; | 16364 | flex-shrink: 0; |
| 16363 | } | 16365 | } |
| 16364 | 16366 | ||
| 16365 | @media only screen and (max-width: 62.5rem) { | ||
| 16366 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 16367 | background: #fff; | ||
| 16368 | padding: 0rem 0rem 0rem 0rem; | ||
| 16369 | display: none; | ||
| 16370 | position: absolute; | ||
| 16371 | width: 100%; | ||
| 16372 | z-index: 9999999; | ||
| 16373 | } | ||
| 16374 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { | ||
| 16375 | display: block; | ||
| 16376 | } | ||
| 16377 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 16378 | position: fixed; | ||
| 16379 | display: block; | ||
| 16380 | width: 18.75rem; | ||
| 16381 | max-width: 90%; | ||
| 16382 | height: 100vh; | ||
| 16383 | max-height: 100vh; | ||
| 16384 | top: 0; | ||
| 16385 | box-sizing: border-box; | ||
| 16386 | transition: left 200ms ease-in-out, right 200ms ease-in-out; | ||
| 16387 | overflow: auto; | ||
| 16388 | z-index: 9999999999; | ||
| 16389 | overscroll-behavior: contain; | ||
| 16390 | } | ||
| 16391 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 16392 | left: -18.75rem; | ||
| 16393 | } | ||
| 16394 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { | ||
| 16395 | left: 0; | ||
| 16396 | box-shadow: inset 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1607843137); | ||
| 16397 | } | ||
| 16398 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { | ||
| 16399 | position: fixed; | ||
| 16400 | width: 100%; | ||
| 16401 | height: 6249.9375rem; | ||
| 16402 | content: ""; | ||
| 16403 | top: 0; | ||
| 16404 | left: 0; | ||
| 16405 | opacity: 0.5; | ||
| 16406 | background: black; | ||
| 16407 | cursor: pointer; | ||
| 16408 | z-index: 9999999998; | ||
| 16409 | } | ||
| 16410 | } | ||
| 16411 | html.mega-menu-primary-off-canvas-open { | 16367 | html.mega-menu-primary-off-canvas-open { |
| 16412 | overflow: hidden; | 16368 | overflow: hidden; |
| 16413 | height: auto; | 16369 | height: auto; |
| ... | @@ -16625,12 +16581,10 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { | ... | @@ -16625,12 +16581,10 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { |
| 16625 | min-height: 100vh; | 16581 | min-height: 100vh; |
| 16626 | background-color: #F0F0F0; | 16582 | background-color: #F0F0F0; |
| 16627 | position: relative; | 16583 | position: relative; |
| 16628 | overflow: hidden !important; | ||
| 16629 | } | 16584 | } |
| 16630 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { | 16585 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { |
| 16631 | margin-top: 0rem; | 16586 | margin-top: 0rem; |
| 16632 | } | 16587 | } |
| 16633 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after, | ||
| 16634 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { | 16588 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { |
| 16635 | content: ""; | 16589 | content: ""; |
| 16636 | width: 1.25rem; | 16590 | width: 1.25rem; |
| ... | @@ -16640,50 +16594,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { | ... | @@ -16640,50 +16594,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { |
| 16640 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); | 16594 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); |
| 16641 | display: inline-block; | 16595 | display: inline-block; |
| 16642 | position: absolute; | 16596 | position: absolute; |
| 16643 | top: 0.75rem; | 16597 | top: 1.1rem; |
| 16644 | right: 0rem; | 16598 | right: 10px; |
| 16645 | } | 16599 | transform: rotate(90deg); |
| 16646 | .back-one-level { | ||
| 16647 | background-color: #EE0000; | ||
| 16648 | position: fixed; | ||
| 16649 | left: 0rem; | ||
| 16650 | top: 8.125rem; | ||
| 16651 | width: 2.5rem; | ||
| 16652 | height: 2.5625rem; | ||
| 16653 | border: 0rem solid #EE0000; | ||
| 16654 | border-radius: 0rem 50% 50% 0rem; | ||
| 16655 | opacity: 0 !important; | ||
| 16656 | transition: 0.5s !important; | ||
| 16657 | } | ||
| 16658 | .back-one-level span { | ||
| 16659 | color: #fff; | ||
| 16660 | text-indent: -624.9375rem; | ||
| 16661 | display: block; | ||
| 16662 | } | ||
| 16663 | .back-one-level:before { | ||
| 16664 | content: ""; | ||
| 16665 | width: 0.6875rem; | ||
| 16666 | height: 1.125rem; | ||
| 16667 | background-repeat: no-repeat; | ||
| 16668 | background-size: contain; | ||
| 16669 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>'); | ||
| 16670 | display: inline-block; | ||
| 16671 | position: absolute; | ||
| 16672 | top: 0.625rem; | ||
| 16673 | left: 0.8125rem; | ||
| 16674 | } | ||
| 16675 | .back-one-level:active, | ||
| 16676 | .back-one-level:hover { | ||
| 16677 | background-color: #669999; | ||
| 16678 | } | ||
| 16679 | .is-bt-active { | ||
| 16680 | opacity: 1 !important; | ||
| 16681 | } | ||
| 16682 | .mega-indicator { | ||
| 16683 | display: none !important; | ||
| 16684 | } | 16600 | } |
| 16685 | .mega-description-group:after { | 16601 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after { |
| 16686 | display: none !important; | 16602 | transform: rotate(-90deg); |
| 16603 | top: 6px; | ||
| 16687 | } | 16604 | } |
| 16688 | .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title { | 16605 | .mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title { |
| 16689 | position: relative; | 16606 | position: relative; |
| ... | @@ -16765,9 +16682,6 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { | ... | @@ -16765,9 +16682,6 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { |
| 16765 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child { | 16682 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child { |
| 16766 | background-color: #669999; | 16683 | background-color: #669999; |
| 16767 | } | 16684 | } |
| 16768 | #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-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { | ||
| 16769 | display: none !important; | ||
| 16770 | } | ||
| 16771 | .sub-mobile-menu .mega-sub-menu { | 16685 | .sub-mobile-menu .mega-sub-menu { |
| 16772 | position: absolute !important; | 16686 | position: absolute !important; |
| 16773 | top: 0 !important; | 16687 | top: 0 !important; |
| ... | @@ -16855,8 +16769,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { | ... | @@ -16855,8 +16769,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { |
| 16855 | font-size: 2.125rem; | 16769 | font-size: 2.125rem; |
| 16856 | font-weight: bold; | 16770 | font-weight: bold; |
| 16857 | color: #fff; | 16771 | color: #fff; |
| 16858 | margin: 0 0 0 0.625rem; | 16772 | margin: 0 0 0 0.525rem; |
| 16859 | line-height: 1.5625rem; | 16773 | line-height: 1.2625rem; |
| 16860 | } | 16774 | } |
| 16861 | 16775 | ||
| 16862 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { | 16776 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { |
| ... | @@ -16910,6 +16824,12 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { | ... | @@ -16910,6 +16824,12 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { |
| 16910 | text-decoration: none; | 16824 | text-decoration: none; |
| 16911 | width: calc(100% - 127px); | 16825 | width: calc(100% - 127px); |
| 16912 | } | 16826 | } |
| 16827 | @media only screen and (max-width: 48.875rem) { | ||
| 16828 | .site-title { | ||
| 16829 | width: calc(85% - 127px); | ||
| 16830 | } | ||
| 16831 | } | ||
| 16832 | |||
| 16913 | .branding { | 16833 | .branding { |
| 16914 | display: flex; | 16834 | display: flex; |
| 16915 | margin-bottom: 0rem; | 16835 | margin-bottom: 0rem; | ... | ... |
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
| ... | @@ -115,7 +115,7 @@ function megamenu_override_default_theme($value) { | ... | @@ -115,7 +115,7 @@ function megamenu_override_default_theme($value) { |
| 115 | wp_enqueue_script( 'megamenu', get_stylesheet_directory_uri().'/js/maxmegamenu.js', array(), $the_theme->get( 'Version' ), true ); | 115 | wp_enqueue_script( 'megamenu', get_stylesheet_directory_uri().'/js/maxmegamenu.js', array(), $the_theme->get( 'Version' ), true ); |
| 116 | 116 | ||
| 117 | } | 117 | } |
| 118 | add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 ); | 118 | //add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 ); |
| 119 | 119 | ||
| 120 | 120 | ||
| 121 | // add_filter( 'get_custom_logo_image_attributes', function( | 121 | // add_filter( 'get_custom_logo_image_attributes', function( | ... | ... |
| ... | @@ -26386,6 +26386,9 @@ | ... | @@ -26386,6 +26386,9 @@ |
| 26386 | 26386 | ||
| 26387 | // }); | 26387 | // }); |
| 26388 | 26388 | ||
| 26389 | $(document).on("click", ".mega-toggle-on", function (e) { | ||
| 26390 | if ($(this).hasClass('mega-toggle-on')) ; | ||
| 26391 | }); | ||
| 26389 | trim_text(); | 26392 | trim_text(); |
| 26390 | $('#relevant-resources').dataTable({ | 26393 | $('#relevant-resources').dataTable({ |
| 26391 | info: false, | 26394 | info: false, | ... | ... |
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
| ... | @@ -48,6 +48,16 @@ jQuery(document).ready(function($) { | ... | @@ -48,6 +48,16 @@ jQuery(document).ready(function($) { |
| 48 | 48 | ||
| 49 | 49 | ||
| 50 | 50 | ||
| 51 | |||
| 52 | $(document).on("click", ".mega-toggle-on", function(e){ | ||
| 53 | if($(this).hasClass('mega-toggle-on')){ | ||
| 54 | //$(this).removeClass('mega-toggle-on'); | ||
| 55 | } | ||
| 56 | }); | ||
| 57 | |||
| 58 | |||
| 59 | |||
| 60 | |||
| 51 | trim_text(); | 61 | trim_text(); |
| 52 | $('#relevant-resources').dataTable( { | 62 | $('#relevant-resources').dataTable( { |
| 53 | info: false, | 63 | info: false, | ... | ... |
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | text-decoration: none; | 14 | text-decoration: none; |
| 15 | width: calc(100% - 127px); | 15 | width: calc(100% - 127px); |
| 16 | @media only screen and (max-width: 48.875rem) { | 16 | @media only screen and (max-width: 48.875rem) { |
| 17 | //width: calc(60% - 127px); | 17 | width: calc(85% - 127px); |
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | } | 20 | } | ... | ... |
| ... | @@ -1276,6 +1276,8 @@ | ... | @@ -1276,6 +1276,8 @@ |
| 1276 | -ms-flex-pack: end; | 1276 | -ms-flex-pack: end; |
| 1277 | -webkit-justify-content: flex-end; | 1277 | -webkit-justify-content: flex-end; |
| 1278 | justify-content: flex-end; | 1278 | justify-content: flex-end; |
| 1279 | z-index: 9999999999; | ||
| 1280 | position: relative; | ||
| 1279 | } | 1281 | } |
| 1280 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { | 1282 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { |
| 1281 | margin-right: 0.375rem; | 1283 | margin-right: 0.375rem; |
| ... | @@ -1297,53 +1299,6 @@ | ... | @@ -1297,53 +1299,6 @@ |
| 1297 | -webkit-flex-shrink: 0; | 1299 | -webkit-flex-shrink: 0; |
| 1298 | flex-shrink: 0; | 1300 | flex-shrink: 0; |
| 1299 | } | 1301 | } |
| 1300 | @media only screen and (max-width: 62.5rem) { | ||
| 1301 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 1302 | background: #fff; | ||
| 1303 | padding: 0rem 0rem 0rem 0rem; | ||
| 1304 | display: none; | ||
| 1305 | position: absolute; | ||
| 1306 | width: 100%; | ||
| 1307 | z-index: 9999999; | ||
| 1308 | } | ||
| 1309 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { | ||
| 1310 | display: block; | ||
| 1311 | } | ||
| 1312 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 1313 | position: fixed; | ||
| 1314 | display: block; | ||
| 1315 | width: 18.75rem; | ||
| 1316 | max-width: 90%; | ||
| 1317 | height: 100vh; | ||
| 1318 | max-height: 100vh; | ||
| 1319 | top: 0; | ||
| 1320 | box-sizing: border-box; | ||
| 1321 | transition: left 200ms ease-in-out, right 200ms ease-in-out; | ||
| 1322 | overflow: auto; | ||
| 1323 | z-index: 9999999999; | ||
| 1324 | overscroll-behavior: contain; | ||
| 1325 | } | ||
| 1326 | #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { | ||
| 1327 | left: -18.75rem; | ||
| 1328 | } | ||
| 1329 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { | ||
| 1330 | left: 0; | ||
| 1331 | box-shadow: inset 0 0.1875rem 0.375rem rgba(0,0,0,.1607843137); | ||
| 1332 | |||
| 1333 | } | ||
| 1334 | #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { | ||
| 1335 | position: fixed; | ||
| 1336 | width: 100%; | ||
| 1337 | height: 6249.9375rem; | ||
| 1338 | content: ""; | ||
| 1339 | top: 0; | ||
| 1340 | left: 0; | ||
| 1341 | opacity: 0.5; | ||
| 1342 | background: black; | ||
| 1343 | cursor: pointer; | ||
| 1344 | z-index: 9999999998; | ||
| 1345 | } | ||
| 1346 | } | ||
| 1347 | html.mega-menu-primary-off-canvas-open { | 1302 | html.mega-menu-primary-off-canvas-open { |
| 1348 | overflow: hidden; | 1303 | overflow: hidden; |
| 1349 | height: auto; | 1304 | height: auto; | ... | ... |
| ... | @@ -165,14 +165,14 @@ | ... | @@ -165,14 +165,14 @@ |
| 165 | min-height: 100vh; | 165 | min-height: 100vh; |
| 166 | background-color: #F0F0F0; | 166 | background-color: #F0F0F0; |
| 167 | position: relative; | 167 | position: relative; |
| 168 | overflow: hidden !important; | 168 | //overflow: hidden !important; |
| 169 | 169 | ||
| 170 | } | 170 | } |
| 171 | 171 | ||
| 172 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ | 172 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ |
| 173 | margin-top: 0rem; | 173 | margin-top: 0rem; |
| 174 | } | 174 | } |
| 175 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after , | 175 | |
| 176 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { | 176 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { |
| 177 | content:""; | 177 | content:""; |
| 178 | width: 1.25rem; | 178 | width: 1.25rem; |
| ... | @@ -182,64 +182,18 @@ | ... | @@ -182,64 +182,18 @@ |
| 182 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); | 182 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); |
| 183 | display: inline-block; | 183 | display: inline-block; |
| 184 | position: absolute; | 184 | position: absolute; |
| 185 | top: 0.75rem; | 185 | top: 1.1rem; |
| 186 | right: 0rem; | 186 | right: 10px; |
| 187 | transform: rotate(90deg); | ||
| 187 | 188 | ||
| 188 | } | 189 | } |
| 189 | 190 | #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{ | |
| 190 | .back-one-level{ | 191 | transform: rotate(-90deg); |
| 191 | background-color: #EE0000; | 192 | top: 6px; |
| 192 | position: fixed; | ||
| 193 | left: 0rem; | ||
| 194 | top: 8.125rem; | ||
| 195 | width: 2.5rem; | ||
| 196 | height: 2.5625rem; | ||
| 197 | border: 0rem solid #EE0000; | ||
| 198 | border-radius: 0rem 50% 50% 0rem; | ||
| 199 | //display: none; | ||
| 200 | opacity: 0 !important; | ||
| 201 | transition: 0.5s !important; | ||
| 202 | |||
| 203 | |||
| 204 | span{ | ||
| 205 | color: #fff; | ||
| 206 | text-indent: -624.9375rem; | ||
| 207 | display: block; | ||
| 208 | } | ||
| 209 | &:before{ | ||
| 210 | content:""; | ||
| 211 | width: 0.6875rem; | ||
| 212 | height: 1.125rem; | ||
| 213 | background-repeat: no-repeat; | ||
| 214 | background-size: contain; | ||
| 215 | background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>'); | ||
| 216 | display: inline-block; | ||
| 217 | position: absolute; | ||
| 218 | top: 0.625rem; | ||
| 219 | left: 0.8125rem; | ||
| 220 | } | 193 | } |
| 221 | 194 | ||
| 222 | } | ||
| 223 | .back-one-level:active, | ||
| 224 | .back-one-level:hover { | ||
| 225 | background-color: #669999; | ||
| 226 | } | ||
| 227 | .is-bt-active{ | ||
| 228 | opacity: 1 !important; | ||
| 229 | } | ||
| 230 | .is-visible{ | ||
| 231 | .back-one-level{ | ||
| 232 | //display: block !important; | ||
| 233 | 195 | ||
| 234 | } | ||
| 235 | } | ||
| 236 | .mega-indicator{ | ||
| 237 | display: none !important; | ||
| 238 | 196 | ||
| 239 | } | ||
| 240 | .mega-description-group:after{ | ||
| 241 | display: none !important; | ||
| 242 | } | ||
| 243 | .mega-sub-menu{ | 197 | .mega-sub-menu{ |
| 244 | 198 | ||
| 245 | 199 | ||
| ... | @@ -336,7 +290,7 @@ | ... | @@ -336,7 +290,7 @@ |
| 336 | 290 | ||
| 337 | } | 291 | } |
| 338 | #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-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{ | 292 | #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-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{ |
| 339 | display: none !important; | 293 | //display: none !important; |
| 340 | } | 294 | } |
| 341 | 295 | ||
| 342 | .sub-mobile-menu .mega-sub-menu{ | 296 | .sub-mobile-menu .mega-sub-menu{ |
| ... | @@ -432,8 +386,8 @@ | ... | @@ -432,8 +386,8 @@ |
| 432 | font-size: 2.125rem; | 386 | font-size: 2.125rem; |
| 433 | font-weight: bold; | 387 | font-weight: bold; |
| 434 | color: #fff; | 388 | color: #fff; |
| 435 | margin: 0 0 0 0.625rem; | 389 | margin: 0 0 0 0.525rem; |
| 436 | line-height: 1.5625rem; | 390 | line-height: 1.2625rem; |
| 437 | } | 391 | } |
| 438 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { | 392 | #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { |
| 439 | content: "\f333"; | 393 | content: "\f333"; | ... | ... |
-
Please register or sign in to post a comment