I've read questions from members asking how to change the color of the menu items in the navigation bar in the free version of GeneratePress. Most replies say .it can't be done. It can, and here's how.
Add the following CSS to your Additional CSS:
.main-navigation .main-nav ul li a, .menu-toggle {
font-family: arial;
font-size: 18px;
font-weight: 600;
font-stretch: ultra-condensed;
letter-spacing: 1px;
text-transform: uppercase;
color: #352ece;
line-height: 30px;
margin-left: 20px;
background-color: #beffff;
}
The main navigation bar should now look like this:
It's possible when you click on a menu item it may disappear. If this happens just add the following code to your Additional CSS:
.current-menu-item a {
color: #352ece !important;
}
The menu bar still doesn't look the part, sso let's see how we can improve it.
I'm very glad I found your tutorial. This is fantastic information. I'm not ready to do this part yet, but here's a question...
In your main navigation, is there a way I can put the navigation headings in each separate box with some spaces between them?
How are you doing? I hope all is going well for you. You're in Spain?
Kind regards,
Monica