Archived topic
Different Color in Main Navigation
5 replies · Started by Vadims on February 28, 2018
Hello,
I have three questions.
1. How do I have “Health” hover cover and active color green and “fitness” blue on my website?
2. How do I display my logo in sticky navigation?
3. Is it possible to have two separate logos while using mobile header - one for tablet and one for mobile?
Thank you
Hi there,
1. I assume you are wanting different color for each menu item? If so try similar methods here: https://docs.generatepress.com/article/adding-buttons-navigation/
2. You can try using the navigation logo: https://docs.generatepress.com/article/navigation-logo/
3. This is a little more complicated. Can you open a new topic for this?
Generally it's better to open a separate topic for each question. Just makes it easier for us to track what's going on.
Hello Leo,
1. I need some help with this one. I don't get it how you implement the color. I just want one thing - for "Health" in the main navigation to be green on hover and green while it is active.
2. is good
3. Will open the a new topic for this one
Thank you
1. Add custom class green-menu to the Health menu item. Then use this CSS:
.main-navigation .main-nav ul li.green-menu a:hover,
.main-navigation .main-nav ul li.green-menu a:active {
background-color: #000000;
}Leo,
awesome, everything works, thank you
No problem :)
