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

[Resolved] Different color scheme for each menu item in primary navigation

Home Forums Support Different color scheme for each menu item in primary navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #447767
    Michael Andersen

    Hi,

    The color scheme made for Primary Navigation and the Primary Sub-Navigation in the customizer covers each and every menu item – the hole menu.

    Is it possible – using CSS – to make separate color schemes for each menu item in the Primary Navigation (including the items sub menu).

    So fx the first item (and its sub items) is in blue colors, the second is in red colors and so for.

    These settings should also apply to mobile menu.

    GeneratePress 2.0
    GP Premium 1.5.6
    #447862
    Leo
    Staff
    Customer Support

    Hi there,

    You can use the similar method here: https://docs.generatepress.com/article/adding-buttons-navigation/

    And the CSS would just be something like this:

    .main-navigation .main-nav ul li.nav-button a {
            background-color: #ffffff;
    }
    #454115
    Michael Andersen

    Hi,

    Thank you. Your links og snippet was very useful. I did some “trial and error” and ended up with something good.

    /Michael

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