Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 28, 2018 at 3:57 am #903839
    MLA18

    Is it possible to change only one item of the navigation menu to a different color?

    For example if all items on my navigation menu are black in color, but I have a navigation menu (Page Title) item named “Go Green,” is it possible to change the Go Green menu item to green (and all other items remain black)?

    Any advice you could provide would be greatly appreciated.

    Thanks!

    January 29, 2018 at 10:18 pm #904487
    Basilis

    Hey MLA18,

    #menu-item-1376 > a:nth-child(1) > span:nth-child(2) { color: green; }

    Try that, it should work properly.

    Best regards,
    Basilis

    January 29, 2018 at 10:31 pm #904499
    MLA18

    Hi Basilis,

    Thank you for that information as that almost did the trick. Is there way to also get the same effect when a transparent header is in use? Currently the transparent header navigation menu is set to the color of white.

    Any advice you could provide would be greatly appreciated.

    Thanks!

    January 30, 2018 at 12:11 am #904537
    Jordan Shannon

    Hi,

    Add this to quick css also to add the style to the transparent header:

    #header.av_header_transparency #menu-item-1376 > a:nth-child(1) > span:nth-child(2) { color: green!important; }

    Best regards,
    Jordan Shannon

    January 30, 2018 at 12:27 am #904542
    MLA18

    Awesome. That did the trick.

    Thanks again for your time and info Basilis and Jordan!

    You may close this thread.

    January 30, 2018 at 12:48 am #904546
    Jordan Shannon

    Hi,

    I’m glad we were able to help you get your issue resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change One Item of Navigation Menu to Different Color’ is closed to new replies.