Reply To: Why can't I get a full background colour hover on my font-awesome menu labels?

Home Forums Support Why can't I get a full background colour hover on my font-awesome menu labels? Reply To: Why can't I get a full background colour hover on my font-awesome menu labels?

#182020
Pete

This is the css i’m using to get the padding correct for the font awesome menu items… I don’t need this padding css for the other menu items that are not subject to the @media conditional css…

@media only screen and (min-width:415px) and (max-width: 5000px)  {
li#menu-item-1926.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1926 a {display:inline;padding:14px 20px 14px 20px;}
li#menu-item-1927.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1927 a {display:none;}
}
@media only screen and (min-width:320px) and (max-width: 414px)  {
li#menu-item-1926.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1926 a{display:none;}
li#menu-item-1927.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1927 a{display:inline;padding:14px 20px 14px 20px;}
nav#site-navigation.main-navigation .menu-item-1026 a{font-size:14px;}
nav#site-navigation.main-navigation .menu-item-1027 a{font-size:14px;}
}
@media only screen and (min-width:0px) and (max-width: 320px)  {
li#menu-item-1926.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1926 a{display:none;}
li#menu-item-1927.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1927 a{display:inline;padding:14px 10px 14px 10px;}
nav#site-navigation.main-navigation .menu-item-1026 a{font-size:15px;padding-left:15px;padding-right:15px;}
nav#site-navigation.main-navigation .menu-item-1027 a{font-size:15px;padding-left:15px;padding-right:15px;}