Tate Collection | Graham & Brown

/* Hide JS-driven megamenu and JS-only UI when JS is disabled */ #megamenunav, .js-only { display: none !important; } /* Base styles for the no-JS fallback menu */ #megamenu-noscript { background: var(--charcoal); position: sticky; top: 0; z-index: 10; } #megamenu-noscript ul { margin: 0; padding: 0; list-style: none; } #megamenu-noscript a { text-decoration: none; } /* Desktop dropdown behavior */ #megamenu-noscript .nojs-top { display: flex; align-items: center; justify-content: center; width: 100%; } /* Position submenu relative to the nav, not each li, so it can span full width */ #megamenu-noscript .nojs-top > li { position: static; } #megamenu-noscript .nojs-submenu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #ffffff; } @media (min-width: 1024px) { /* Keep tab highlighted while interacting with the open dropdown */ #megamenu-noscript .nojs-top > li:hover > a { background: #ffffff; color: #000 !important; } #megamenu-noscript .nojs-top > li:hover > .nojs-submenu { display: block; } #megamenu-noscript .nojs-desktop { display: block; } #megamenu-noscript .nojs-mobile { display: none; } } @media (max-width: 1023.98px) { #megamenu-noscript .nojs-desktop { display: none; } #megamenu-noscript .nojs-mobile { display: block; } } /* Mobile accordion tweaks */ #megamenu-noscript details > summary { list-style: none; cursor: pointer; } #megamenu-noscript summary::-webkit-details-marker { display: none; }