Here I am explaining the simple steps for creating a WordPress menu button, without any plugins.
Login to the admin area > Appearence > Menus. Enable CSS Classes option by clicking “Screen options” to the top of the screen and then select the CSS Classes option.
![](https://blog.hostonnet.com/wp-content/uploads/2019/05/css-classes-1.jpg)
Click the arrow on the menu item so it expands to show extra settings. In the CSS Classes field, enter a class for the menu item. In this example, Iam using wp-nav-btn for the class name and then click Save Menu.
![](https://blog.hostonnet.com/wp-content/uploads/2019/05/wp-menu-1.jpg)
Go to Appearance > Customize > Additional CSS and paste the following CSS:
.wp-nav-btn { background: #365899; padding: 0 10px 0 10px; border-radius: 5px; } .wp-nav-btn a{ color:#fff !important }
Will result in:
![](https://blog.hostonnet.com/wp-content/uploads/2019/05/logo-btn.jpg)