.widget_nav_menu { .menu-resources-menu-container { position: relative; } ul.menu { list-style: none; text-align: left; li { position: relative; } a { display:block; color: $black; justify-content: left !important; } width:auto; li.menu-item-has-children { > a { &:after { content:'+'; margin-left:auto; padding-left: $global-padding/2; display: inline-block; color: scale-color($anchor-color, $lightness: 85%); } } ul.sub-menu { list-style: none; background-color: scale-color($anchor-color, $lightness: 98%); position: absolute; left:0%; top:0; margin:0; padding:0; width: 100%; visibility:hidden; opacity:0; transition: transform 0.5s; transform: translateY(-$global-padding); } &:hover { background-color: scale-color($anchor-color, $lightness: 98%); > a { color: scale-color($anchor-color, $lightness: 50%); &:after { color: scale-color($anchor-color, $lightness: 50%); } } > ul.sub-menu { top:100%; visibility: visible; opacity: 1; transform: translateY(0px); ul.sub-menu { top: 0%; left: 100%; } } } } } } @include breakpoint(small){ } @include breakpoint(medium){ } @include breakpoint(large){ }