For drop left changes

first 3 go normal then drop-left

diff --git a/functions.php b/functions.php
index f25ba12..93fb5d8 100644 (file)
--- 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 (file)
--- 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;