Adding a button to the menu

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

Howdy developer, here is a quick snippet to add a button to the Customizr theme menu.

Example: the green button on the demo site : http://demo.presscustomizr.com

1) I added this classes to my element in the menu (See this snippet to add classes to your WordPress Menu)

free_download btn btn-mini btn-primary

2) Then I wrote this in the custom CSS option of the Customizer

.navbar .nav li.free_download.btn { 
position: relative; bottom: 10px;
padding: 2px; line-height: 19px;
vertical-align: middle; 
} 
.navbar .nav li.free_download.btn a {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.31);
padding: 3px 13px;
}

 

 

Leave a comment

Your email address will not be published. Required fields are marked *

25 thoughts on “Adding a button to the menu”