Skip to content

Instantly share code, notes, and snippets.

@ultimike

ultimike/menu.css

Last active October 16, 2022 16:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ultimike/f90c0a604dd32c9e4b811c363ef99947 to your computer and use it in GitHub Desktop.
Save ultimike/f90c0a604dd32c9e4b811c363ef99947 to your computer and use it in GitHub Desktop.
Download ZIP
CSS solution to DCO Starterkit theme menu layout homework.
Raw
menu.css
.dco-menus {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.dco-menus .region-primary-menu {
order: 1;
}
.dco-menus .region-secondary-menu {
order: 2;
}
@media all and (min-width: 600px) {
.dco-menus {
flex-direction: row;
}
.dco-menus .region-primary-menu {
flex: 3;
}
.dco-menus .region-secondary-menu {
flex: 1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment