Skip to content

Instantly share code, notes, and snippets.

@odessy

odessy/menu_chevron.css

Last active January 4, 2019 15:16
Show Gist options
  • Save odessy/84ea0e303a6d86a0cb650f0f6eea3902 to your computer and use it in GitHub Desktop.
Save odessy/84ea0e303a6d86a0cb650f0f6eea3902 to your computer and use it in GitHub Desktop.
Download ZIP
add chevron to main menu
Raw
menu_chevron.css
.nav--desktop ul.main-menu > li > a.nav-link[aria-haspopup="true"]:after{
border-style: solid;
border-width: 0.15em 0.15em 0 0;
content: '';
display: inline-block;
height: 0.45em;
width: 0.45em;
left: 0.15em;
top: 0.4em;
position: relative;
transform: rotate(135deg);
vertical-align: top;
}
.nav--desktop ul.main-menu > li.hover > a.nav-link[aria-haspopup="true"]:after {
top: 0.6em;
transform: rotate(-45deg);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment