Home › Forums › WoodMart support forum › Change navigation menu item color

Change navigation menu item color

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 12, 2021 at 9:31 am #257619

    hariskay
    Participant

    Hello I recently extended support, thank you for an awesome theme. I want to change one menu item color to red but I cannot figure it out. On our website you can see the “Indirim” nav menu. I tried using li:last-child but it changes our submenu’s last child color too. Photo is attached for clarification.

    January 12, 2021 at 10:53 am #257652

    Elise Noromit
    Member

    Hello,

    Thank you for staying with us.

    Please assign a class to the menu item and I will provide custom CSS for this item: https://xtemos.com/docs/woodmart/create-menu-2/

    Best Regards

    January 12, 2021 at 11:41 am #257665

    hariskay
    Participant

    Hello I have assigned the class as you can see in the private section.

    January 12, 2021 at 3:37 pm #257760

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .whb-header-bottom .main-nav .item-level-0.classindirim-menui > a{
color:red;
}

    Set the color as per your needs.

    Best Regards

    January 12, 2021 at 4:34 pm #257778

    hariskay
    Participant

    Hello Elise,

    Thank you so much, it works perfectly, can you please provide for mobile navigation as well? I would highly appreciate it. I also added another class if that is needed.

    Thank you

    January 12, 2021 at 9:55 pm #257830

    Elise Noromit
    Member

    Hello,

    I cannot enter your site anymore: https://prnt.sc/wm4oce

    As soon as you get access I will check and provide the code.

    Best Regard s

    January 13, 2021 at 7:22 pm #258165

    hariskay
    Participant

    Hello, I apologize it may be due to some security plugin. Can you please check now?

    Thank you

    January 14, 2021 at 12:10 pm #258377

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .site-mobile-menu li.indirim-mobile-menu a {
    color:red;
}

    Best Regards

    January 14, 2021 at 2:16 pm #258430

    hariskay
    Participant

    Hello, it works perfectly.

    Thank you so much as always.

    January 14, 2021 at 5:20 pm #258476

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

    May 5, 2021 at 2:41 am #289602

    hariskay
    Participant

    Hello, after the update the navigation color for desktop has stopped working. The mobile menu is still working. Thanks in advance for your help.

    May 5, 2021 at 10:25 pm #289956

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    .whb-header-bottom .wd-header-main-nav .menu-item.classindirim-menui > a{
color:red;
}

    Best Regards

    May 6, 2021 at 7:09 pm #290262

    hariskay
    Participant

    Thank you, it worked.

    Cheers

    May 7, 2021 at 9:22 am #290432

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Change navigation menu item color’ is closed to new replies.