Voconiq Pattern Library

Header Navigation

VoconiqVoconiq

/* Stylesheet for browsers with JS disabled, so the navigation will still function. * Styles here seem to have lower specificity, so `!important` may be necessary. */ .header__links { display: none !important; } .header__actions { & > .desktop { display: none !important; } & > .mobile { display: flex !important; } } /* If we're in a browser that doesn't support scroll queries, and JS is disabled, just show the header shadow. */ @supports not (container-type: scroll-state) { .header:not([data-shadow]) { --shadow-opacity: 1; } }

View fullscreen