[Resolved] Different Color in Main Navigation

[Vadims]

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

[Leo]

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.

[Vadims]

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

[Leo]

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;
}

[Vadims]

Leo,

awesome, everything works, thank you

[Leo]

No problem 🙂

[Author]

Posts