Add button to menu/navigation in Salient theme

Add this custom CSS into your child theme or Salient theme options panel.

body header#top nav > ul > li.menu-button a {
box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
background-color: #27CFC3;
padding: 6px 8px!important;
margin-top: 21px!important;
color: #fff!important;
top: -3px;
border-radius: 2px 2px 2px 2px;
font-family: ‘OpenSansbold’;
font-size: 12px;
letter-spacing: 2px!important;
text-transform: uppercase;
}

Pin It on Pinterest

Share This