/* * ASLAN FOOD — Sitewide Header Clean v1.7.3 * IMPORTANT: desktop rules target ONLY the actual WordPress menu list. * The surrounding header/container and account/cart/language controls are left alone. * Mobile is intentionally untouched. */ @media (min-width: 981px) { /* ------------------------------------------------------------- 1) THE ACTUAL DESKTOP MENU LIST — ONE LEFT-STARTING ROW ------------------------------------------------------------- */ header nav ul.menu, header ul.menu, header #navbar__nav ul.menu, header #navbar__nav-desktop ul.menu, .site-header nav ul.menu, .site-header ul.menu, .main-header nav ul.menu, .main-header ul.menu, #masthead nav ul.menu, #masthead ul.menu, [role="banner"] nav ul.menu, [role="banner"] ul.menu, ul.aslan-v157-root-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: left !important; white-space: nowrap !important; list-style: none !important; gap: 0 !important; } /* Keep the existing left-to-right menu order and give each heading room. */ header nav ul.menu > li, header ul.menu > li, header #navbar__nav ul.menu > li, header #navbar__nav-desktop ul.menu > li, .site-header nav ul.menu > li, .site-header ul.menu > li, .main-header nav ul.menu > li, .main-header ul.menu > li, #masthead nav ul.menu > li, #masthead ul.menu > li, [role="banner"] nav ul.menu > li, [role="banner"] ul.menu > li, ul.aslan-v157-root-menu > li { position: relative !important; display: block !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; margin: 0 34px 0 0 !important; padding: 0 !important; float: none !important; text-align: left !important; white-space: nowrap !important; line-height: 1 !important; list-style: none !important; } /* No excess trailing gap after STORE/SHOP. */ header nav ul.menu > li:last-child, header ul.menu > li:last-child, header #navbar__nav ul.menu > li:last-child, header #navbar__nav-desktop ul.menu > li:last-child, .site-header nav ul.menu > li:last-child, .site-header ul.menu > li:last-child, .main-header nav ul.menu > li:last-child, .main-header ul.menu > li:last-child, #masthead nav ul.menu > li:last-child, #masthead ul.menu > li:last-child, [role="banner"] nav ul.menu > li:last-child, [role="banner"] ul.menu > li:last-child, ul.aslan-v157-root-menu > li:last-child { margin-right: 0 !important; } /* Identical vertical alignment for every top-level heading. */ header nav ul.menu > li > a, header ul.menu > li > a, header #navbar__nav ul.menu > li > a, header #navbar__nav-desktop ul.menu > li > a, .site-header nav ul.menu > li > a, .site-header ul.menu > li > a, .main-header nav ul.menu > li > a, .main-header ul.menu > li > a, #masthead nav ul.menu > li > a, #masthead ul.menu > li > a, [role="banner"] nav ul.menu > li > a, [role="banner"] ul.menu > li > a, ul.aslan-v157-root-menu > li > a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; float: none !important; white-space: nowrap !important; line-height: 1 !important; text-align: left !important; transform: none !important; vertical-align: middle !important; } /* ------------------------------------------------------------- 2) REMOVE DESKTOP ARROWS/CARET INDICATORS — ALL COMMON FORMS ------------------------------------------------------------- */ header nav ul.menu > li::before, header nav ul.menu > li::after, header nav ul.menu > li > a::before, header nav ul.menu > li > a::after, header ul.menu > li::before, header ul.menu > li::after, header ul.menu > li > a::before, header ul.menu > li > a::after, .site-header ul.menu > li::before, .site-header ul.menu > li::after, .site-header ul.menu > li > a::before, .site-header ul.menu > li > a::after, .main-header ul.menu > li::before, .main-header ul.menu > li::after, .main-header ul.menu > li > a::before, .main-header ul.menu > li > a::after, #masthead ul.menu > li::before, #masthead ul.menu > li::after, #masthead ul.menu > li > a::before, #masthead ul.menu > li > a::after, [role="banner"] ul.menu > li::before, [role="banner"] ul.menu > li::after, [role="banner"] ul.menu > li > a::before, [role="banner"] ul.menu > li > a::after, ul.aslan-v157-root-menu > li::before, ul.aslan-v157-root-menu > li::after, ul.aslan-v157-root-menu > li > a::before, ul.aslan-v157-root-menu > li > a::after, ul.aslan-v157-root-menu > li.aslan-v157-parent::after { content: none !important; display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Hide icon/span/button arrow implementations only inside top-level links. */ header nav ul.menu > li.menu-item-has-children > a svg, header nav ul.menu > li.menu-item-has-children > a i, header nav ul.menu > li.menu-item-has-children > a button, header nav ul.menu > li.menu-item-has-children > a [class*="arrow"], header nav ul.menu > li.menu-item-has-children > a [class*="chevron"], header nav ul.menu > li.menu-item-has-children > a [class*="caret"], header nav ul.menu > li.menu-item-has-children > a [class*="indicator"], header nav ul.menu > li.menu-item-has-children > a [class*="dropdown"], header ul.menu > li.menu-item-has-children > a svg, header ul.menu > li.menu-item-has-children > a i, header ul.menu > li.menu-item-has-children > a button, header ul.menu > li.menu-item-has-children > a [class*="arrow"], header ul.menu > li.menu-item-has-children > a [class*="chevron"], header ul.menu > li.menu-item-has-children > a [class*="caret"], header ul.menu > li.menu-item-has-children > a [class*="indicator"], header ul.menu > li.menu-item-has-children > a [class*="dropdown"], ul.aslan-v157-root-menu > li.menu-item-has-children > a svg, ul.aslan-v157-root-menu > li.menu-item-has-children > a i, ul.aslan-v157-root-menu > li.menu-item-has-children > a button, ul.aslan-v157-root-menu > li.menu-item-has-children > a [class*="arrow"], ul.aslan-v157-root-menu > li.menu-item-has-children > a [class*="chevron"], ul.aslan-v157-root-menu > li.menu-item-has-children > a [class*="caret"], ul.aslan-v157-root-menu > li.menu-item-has-children > a [class*="indicator"], ul.aslan-v157-root-menu > li.menu-item-has-children > a [class*="dropdown"] { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; max-width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Also suppress the old ASLAN mobile-arrow class on desktop. */ .aslan-v157-parent.aslan-v157-parent::after, .aslan-v157-parent.aslan-v157-parent > a::after { content: none !important; display: none !important; visibility: hidden !important; opacity: 0 !important; } /* ------------------------------------------------------------- 3) HOVER DROPDOWNS — DESKTOP ONLY ------------------------------------------------------------- */ header nav ul.menu > li.menu-item-has-children, header ul.menu > li.menu-item-has-children, .site-header ul.menu > li.menu-item-has-children, .main-header ul.menu > li.menu-item-has-children, #masthead ul.menu > li.menu-item-has-children, [role="banner"] ul.menu > li.menu-item-has-children, ul.aslan-v157-root-menu > li.aslan-v157-parent { position: relative !important; } header nav ul.menu > li.menu-item-has-children > ul, header ul.menu > li.menu-item-has-children > ul, .site-header ul.menu > li.menu-item-has-children > ul, .main-header ul.menu > li.menu-item-has-children > ul, #masthead ul.menu > li.menu-item-has-children > ul, [role="banner"] ul.menu > li.menu-item-has-children > ul, ul.aslan-v157-root-menu > li.aslan-v157-parent > ul.aslan-v157-submenu { position: absolute !important; left: 0 !important; top: 100% !important; z-index: 99999 !important; } header nav ul.menu > li.menu-item-has-children:hover > ul, header ul.menu > li.menu-item-has-children:hover > ul, .site-header ul.menu > li.menu-item-has-children:hover > ul, .main-header ul.menu > li.menu-item-has-children:hover > ul, #masthead ul.menu > li.menu-item-has-children:hover > ul, [role="banner"] ul.menu > li.menu-item-has-children:hover > ul, ul.aslan-v157-root-menu > li.aslan-v157-parent:hover > ul.aslan-v157-submenu { display: block !important; visibility: visible !important; opacity: 1 !important; } }