How to make a GeneratePress menu item into a styled button

Home DESIGN How to make a GeneratePress menu item into a styled button
Published on September 9, 2017

In this video, I will show you how to add a button to your main or secondary navigation

This tutorial is for GeneratePress theme (Free and Pro) :
https://wpress.zone/generatepress

##CSS class for the menu item: nav-button

##link to the generator tool: http://css3buttongenerator.com/

##CSS code form main navigation:

@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {

Your custom CSS here

margin: 10px 5px 10px 5px;
}
}

##CSS code form secondary navigation:

@media (min-width:769px) {
.secondary-navigation .main-nav ul li.nav-button a {

Your custom CSS here

margin: 10px 5px 10px 5px;
}
}

○○○

My YouTube playlists to check out:

WordPress basics – https://goo.gl/PzW83m
GeneratePress tutorials – https://goo.gl/iqQuIl
Elementor tutorials – https://goo.gl/vLuF6f
Video backgrounds for your website – https://goo.gl/Rbpwoa

○○○

Please share this video and make sure to hit the like button if you found it useful! Subscribe for more upcoming tutorials.

Category :  DESIGN , THEMES