Highlight an item in the main navigation by turning it into a button using a class. Add a class to the menu item in the appearance>menu section. You will need to click on screen options and check the CSS classes option to see it below.

.menu-button a {
-moz-osx-font-smoothing: grayscale;
background: #00a79d none repeat scroll 0 0;
border: 2px solid;
border-radius: 4px;
color: #ffffff !important;
cursor: pointer;
line-height: 1.7em;
margin: 4px auto;
padding: 0 8px !important;
transition: all 0.2s ease 0s;
}
.menu-button a:hover{
background-color:#007D73;
}

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close