/* Min Width Sub-Menu */ .dropdown-menu{ min-width: 10rem; } /* Menu Shrink */ body{ .ova_header_absoluted{ position: absolute!important; top: 0; left: 0; width: 100%; z-index: 9999; } .ovamenu_shrink{ /* If mobile doesnt use Fixed => use bellow code */ /*@media(max-width: 991.98px){ position: relative; top: 0; }*/ &.ready_active{ top: -300px; } &.active_fixed{ position: fixed; top: 0px; width: 100%; left: 0; z-index: 999; background: #fff; -webkit-animation: dropdown 0.3s ease; -moz-animation: dropdown 0.3s ease; animation: dropdown 0.3s ease; -webkit-transition: 0.5s!important; -moz-transition: 0.5s!important; -o-transition: 0.5s!important; box-shadow: 0px 1px 6px 0px #c5c5c5; &.bg_dark{ background-color: #000000!important; } &.bg_white{ background-color: #fff!important; } .elementor-widget-container { padding-top: 0!important; padding-bottom: 0!important; ul.menu > li { padding: 0!important; > a { @media (min-width: 1025px) { padding: 30px 15px!important; } } } } } } &.admin-bar{ .ova_header_absoluted{ position: absolute!important; top: 32px; } .ovamenu_shrink.active_fixed{ top: 32px; @media( max-width: 782.98px ){ top: 46px; } @media( max-width: 599.98px ){ top: 0px; } } } } .ovatheme_header_default{ i.arrow_carrot-down{ display: none; } } .ovatheme_header_default nav.navbar, nav.navbar{ width: 100%; /* Logo */ .navbar-brand{ padding-top: 30px; padding-bottom: 30px; } /* Menu Item */ li{ a{ text-transform: uppercase; color: #343434; font-weight: 500; padding: 30px 13px; font-size: 14px; display: inline-block; } &.dropdown{ &>a{ &:after{ display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; float: right; margin-top: 7px; } } .dropdown-toggle{ display: none; } } } /* Sub-menu */ ul.dropdown-menu { li{ &>a{ padding: 7px 15px; display: inline-block; white-space: nowrap; width: 100%; } } &>.active{ &>a{ background-color: transparent; &:focus, &:hover{ background-color: transparent; } } } } /* last-child level 0 */ ul.nav>li:last-child>a{ padding-right: 0; } /* Menu Level 3 */ ul.nav ul.dropdown-menu ul.dropdown-menu{ right: 100%; left: auto; top: 0; } /* Show Sub-Menu when hover */ @media(min-width: 992px){ ul.nav li.dropdown:hover>ul{ display: block; top: 100%; margin: 0; } ul.nav ul li.dropdown:hover>ul{ top: 0; } } @media(max-width: 991.98px){ button.navbar-toggler{ &:focus{ outline: none; } } ul.nav li > a{ width: 100%; border-bottom: 1px solid #eee; padding-left: 0; } ul.nav ul.dropdown-menu{ border: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; margin-left: 10px; li{ &.dropdown{ .dropdown-toggle{ display: none; } } } ul.dropdown-menu{ display: block; border: none; li{ a{ margin-left: 15px; } } } } li{ a{ padding: 7px 0px; display: inline-block; } &.dropdown{ &>a{ &:after{ display: none; } } .dropdown-toggle{ display: inline-block; padding-left: 0px; position: absolute; right: 10px; top: 8px; background: transparent; border: none; &:focus{ outline: none; } } } &.active_sub{ >ul.dropdown-menu{ display: block; } } } .navbar-brand{ padding-top: 15px; padding-bottom: 15px; } } }