Add Button in WordPress Header Menu without Plugin

Add Button in WordPress Header Menu without Plugin

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;
	
}
Shopify Expert
Shopify Expert

Leave a Reply

Click to Chat