Adding a button in the header navigation menu lets you create a more noticeable call to action. It can get more clicks to your most important pages and create a better user experience by helping your visitors take action.
In this video, I will show you how to easily add a button to your WordPress header menu.
.menu-button {
background-color: #eb5e28;
border: 1px;
border-radius: 3px;
padding: 10px 15px;
margin: 0px 20px!important;
transition:all 0.2s;
}
.menu-button:hover {
margin-top: -2px;
margin-left: 0px;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.25);
}
.menu-button a, .menu-button a:hover, .menu-button a:active {
color:#fff !important;
text-decoration:none;
}
