Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Different Color in Main Navigation

Home Forums Support Different Color in Main Navigation

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #508116
    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

    GeneratePress 2.0.2
    GP Premium 1.5.6
    #508335
    Leo
    Staff
    Customer Support

    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.

    #509071
    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

    #509250
    Leo
    Staff
    Customer Support

    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;
    }
    #510009
    Vadims

    Leo,

    awesome, everything works, thank you

    #510133
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.