Change background color of 1 menu item

~edit for private reply ~

[Content Hidden]

Hey Dan,

I can see you’re adding custom styling to apply the hover color. You can add a class to that specific menu item and target it. This article lists down the steps required to add one. Once you’ve added the extra class, it will then be added to that menu’s li tag. What’s left is for you to style it. The snippet below should work, just change my-class-here to whatever class you’ve added above.

.home .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.my-class-here > a:hover {
  background: #00FF00;
}

Hope this helps!

Ben

Thank you! That worked perfectly Ben!

Hi Dan,

Thanks for informing us the issue has been resolved, we appreciate it.

Thanks,
Danny