Skip to content

Instantly share code, notes, and snippets.

@dpw1
Last active December 23, 2022 00:27
Show Gist options
  • Save dpw1/1c68a827dea903da8cc33bcaa025b1e8 to your computer and use it in GitHub Desktop.
Save dpw1/1c68a827dea903da8cc33bcaa025b1e8 to your computer and use it in GitHub Desktop.
Dawn theme - center logo and enable hamburger menu on Desktop
@media (min-width: 990px) {
.header {
display: flex;
justify-content: space-between;
}
.header .header__inline-menu {
display: none;
}
.header>*:nth-child(2) img {
max-width: 120px;
margin: 0 auto;
display: block;
}
.header__heading-link {
display: table;
margin: 0 auto;
}
.header>*:nth-child(4) {
order: 3;
}
header-drawer {
display: block !important;
}
/* Items' order */
.header>*:nth-child(1) {
order: 1;
}
.header> *:nth-child(2) {
order: 3;
}
/* Logo */
.header>.header__heading {
order: 2;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header>*:nth-child(5) {
order: 5;
}
.header__icons .header__search {
display: block !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment