From 6fe0891968dfc2b3cd5cd4491eed5e13c6bbd1d9 Mon Sep 17 00:00:00 2001 From: Steve Sutton Date: Mon, 24 Aug 2015 09:23:00 -0400 Subject: [PATCH] For drop left changes first 3 go normal then drop-left --- functions.php | 2 +- scss/_topbar.scss | 96 +---------------------------------------------- 2 files changed, 2 insertions(+), 96 deletions(-) diff --git a/functions.php b/functions.php index f25ba12..93fb5d8 100644 --- a/functions.php +++ b/functions.php @@ -75,7 +75,7 @@ class Mountpleasantcvb_Top_Bar_Walker extends Walker_Nav_Menu { $element->has_children = ! empty( $children_elements[ $element->ID ] ); $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : ''; $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'has-dropdown' : ''; - $element->classes[] = ( $element->post_parent == 0 && $mainLevelCounter < 4 ) ? '' : 'drop-left'; + $element->classes[] = ( $element->post_parent == 0 && $mainLevelCounter < 4 ) ? '' : 'drop-right'; parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); } diff --git a/scss/_topbar.scss b/scss/_topbar.scss index 472bb47..8ff8ad3 100644 --- a/scss/_topbar.scss +++ b/scss/_topbar.scss @@ -152,7 +152,7 @@ } } } - &.drop-right > .dropdown { + &.drop-left > .dropdown { right: 0 !important; // may have to be 134px left: auto !important; float: right !important; @@ -163,100 +163,6 @@ border-top-right-radius: 0; } } -// &:not(.has-form):not(.active) { -// & > a:not(.button) { -// background: transparent; -// line-height: 1.25; -// } -// } -// &.drop-left { -// ul.dropdown { -// padding-left: 21px; -// padding-right: 250px; -// top: 74px; -// background: $white; -// border-bottom-left-radius: 10px; -// border-bottom-right-radius: 10px; -// min-width: 500px; -// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// li { -// white-space: nowrap; -// border-bottom: 1px solid #e7e7e8; -// padding: 5px 0; -// &.nav-img-container { -// img { -// position: absolute; -// right: 20px; -// top: 23px; -// border: 6px solid #fdefd4; -// } -// border: none; -// } -// a { -// padding-left: 0; -// text-align: left; -// font-size: 18px; -// &:hover { -// color: $d-blue; -// text-shadow: 0 0 1px $green; -// text-shadow: 1 0 1px $green; -// text-shadow: 0 1 1px $green; -// text-shadow: -1 0 1px $green; -// text-shadow: 0 -1 1px $green; -// } -// } -// } -// } -// } -// &.drop-right { -// ul.dropdown { -// padding-left: 250px; -// padding-right: 21px; -// right: -1%; -// left: auto; -// top: 74px; -// background: $white; -// border-bottom-left-radius: 10px; -// border-bottom-right-radius: 10px; -// min-width: 500px; -// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); -// li { -// white-space: nowrap; -// background: $white; -// text-align: right; -// border-bottom: 1px solid #e7e7e8; -// padding: 5px 0; -// &.nav-img-container { -// img { -// position: absolute; -// left: 20px; -// top: 23px; -// border: 6px solid #fdefd4; -// } -// border: none; -// } -// a { -// padding-left: 0; -// text-align: left; -// font-size: 18px; -// &:hover { -// color: $d-blue; -// text-shadow: 0 0 1px $green; -// text-shadow: 1 0 1px $green; -// text-shadow: 0 1 1px $green; -// text-shadow: -1 0 1px $green; -// text-shadow: 0 -1 1px $green; -// } -// } -// } -// } -// } &.has-dropdown.not-click:hover { & > .dropdown { width: 586px; -- 2.17.1