Skip to content

Instantly share code, notes, and snippets.

@M-Drummond
Last active August 29, 2015 14:16
Show Gist options
  • Save M-Drummond/e9a7fe7ded444fa5a560 to your computer and use it in GitHub Desktop.
Save M-Drummond/e9a7fe7ded444fa5a560 to your computer and use it in GitHub Desktop.
WP Sub Menu Indicators
#nav-1 .sub-menu .sub-menu:after {
content: "" ;
display: block;
width: 0 ;
border: 5px solid transparent ;
border-right-color: orange;
position: absolute;
right : 100%;
top: 14px;
}
#nav-1 .menu-item-has-children > a:after {
content: "";
display: block;
width: 0;
border: 5px solid transparent;
border-top-color: #222;
position: absolute;
left: 110%;
top: 23px;
}
#nav-1 li:hover a:after ,
#nav-1 .menu-item-has-children.current-menu-item > a:after {
border-top-color: #fff;
}
#nav-1 .sub-menu li.menu-item-has-children > a:after {
content: "";
display: block;
width: 0;
border: 5px solid transparent;
border-right-color: #ccc;
position: absolute;
left: 96% ;
top: 14px;
z-index: 500;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment