.secondary-navigation.toggled ul ul { transition: 0s; visibility: hidden; } .secondary-navigation.toggled ul ul.toggled-on { visibility: visible; } .secondary-navigation.toggled .main-nav ul ul { position: relative; top: 0; left: 0; width: 100%; } .secondary-navigation.toggled .main-nav ul ul.toggled-on { position: relative; top: 0; left: auto !important; right: auto !important; width: 100%; pointer-events: auto; height: auto; opacity: 1; display: block; } .secondary-navigation.toggled .main-nav > ul { display: block; } .secondary-navigation.toggled .main-nav .sf-menu > li { float: none; clear: both; display: block !important; text-align: left !important; } .secondary-navigation.toggled .main-nav .sf-menu > li.hide-on-mobile { display: none !important; } .secondary-navigation.toggled .dropdown-menu-toggle:before { content: "\f107" !important; } .secondary-navigation.toggled .sfHover > a .dropdown-menu-toggle:before { content: "\f106" !important; } .secondary-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { float: right; } .dropdown-hover .secondary-navigation.toggled ul li:hover > ul, .dropdown-hover .secondary-navigation.toggled ul li.sfHover > ul { transition-delay: 0s; } .rtl .secondary-navigation.toggled .main-nav .sf-menu > li { text-align: right !important; } @media (max-width: 768px) { .secondary-navigation .menu-toggle { display: block; } .secondary-navigation ul, .secondary-navigation:not(.toggled) .main-nav > ul { display: none; } .secondary-navigation.toggled .main-nav { flex-basis: 100%; order: 3; } .secondary-nav-aligned-left .secondary-navigation.has-top-bar .menu-toggle { text-align: left; } .secondary-nav-aligned-left .secondary-navigation .top-bar { order: 2; } .secondary-nav-aligned-right .secondary-navigation.has-top-bar .menu-toggle { text-align: right; } .secondary-navigation.has-top-bar .top-bar .inside-top-bar .widget { margin: 0 20px; } .secondary-nav-aligned-center .secondary-navigation .top-bar { flex-basis: 100%; } .secondary-nav-float-right .secondary-navigation { margin-left: 0; width: 100%; margin-top: 1.5em; } .secondary-nav-float-right .header-widget { margin-left: auto; } .secondary-nav-float-left .secondary-navigation, .secondary-nav-float-left .multi-navigation-wrapper { margin-left: 0; width: 100%; margin-top: 1.5em; } .secondary-nav-float-left:not(.nav-float-right) .header-widget { margin-left: auto; margin-right: auto; order: unset; } .secondary-nav-float-left .site-logo, .secondary-nav-float-left .site-branding { order: unset; } .secondary-navigation.has-top-bar .inside-navigation, .secondary-navigation.has-menu-bar-items .inside-navigation { justify-content: space-between; } }