Skip to content

Instantly share code, notes, and snippets.

@3200creative
Created February 20, 2015 00:24
Show Gist options
  • Save 3200creative/0b266072a91280dbae27 to your computer and use it in GitHub Desktop.
Save 3200creative/0b266072a91280dbae27 to your computer and use it in GitHub Desktop.
FontAwesome 4 Menus - customization
/*Install Font Awesome 4 Menus plugin*/
/*Create Menu - this is for a social icon menu*/
/*Add classes to menu class (i.e. fa fa-facebook)*/
/* FontAwesome Menu */
.menu-social-menu-container {
width: 100%;
}
.menu-social-menu-container ul {
text-align: center;
}
#menu-social-menu li {
border:none;
display: inline-block;
}
#menu-social-menu a {
color: #fff;
display: inline-block;
width: 18px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 8px;
background: #683649;
border-radius: 3px;
margin: 0 4px 12px;
line-height: 1;
text-align: center;
font-size: 16px;
}
#menu-social-menu li a:hover {
background: #72756d;
}
#menu-social-menu .fontawesome-text,
#menu-social-menu li:before {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment