Main navigation hover

This isn’t a WordPress issue. CSS-specific issues should seek help on CSS-specific forums.

Try asking on the theme’s dedicated forum:
https://www.arrastheme.com/forums/

I’ve tried but nobody’s answer ?? never…

On that site, the relevant CSS code is this:

#main-nav ul.menu li:hover, #main-nav ul.menu li a:hover {
    border-bottom-color: #86C140;
    color: #333333;
}

It’s in a regular CSS file.

I’ve already tried to change the color here but nothing happens.
In fact, in theme’s option, you can choose between 6 colors and there are stored in a style file, in the theme’s library. It seems to overwrite the css stylesheet.

If you have a trick where I can fix Firebug when it’s “hover”, I could see the css place and try to make changes to check if the color changes (as I do for the other changes but with Hover the code disappears) it could help. In fact, on my site, I don’t want to change the color but to have this green line covering all the navigation tab.
Thanks trying to help me ??

It’s really impossible to help with CSS issues without seeing the site (your site) live — CSS is totally theme and site specific. Firebug should show you exactly what’s going on. Do some homework on using Firebug — you CAN change the code in more than one window/place — as yes, hover disappears from the first CSS window. I changed the above code in Firebug and it worked fine — but it’s certainly possible that you have CSS code overriding it or an error that’s preventing it from working. Try validating your CSS (and HTML).

Thanks for your help, I’ve found how to use Firebug for “hover” ??

I will get rid of the border-bottom but which part of the css should I change to see my whole tab in pink when I put the mouse on a menu element. It’s not linked to the theme I just ask in general (I’m a professional yet ?? )

This should work:

#main-nav ul.menu li:hover, #main-nav ul.menu li a:hover {
    border: 0;
    color: #333333;
    background-color: #xxxxxx;
}

But also do be aware that it’s never a good idea to change theme files — you should really be making changes in a Child Theme or using a custom CSS option or plug-in. Otherwise all your changes will be erased when the theme is updated. Once you have that set up, copy the above code to the new CSS file.

Great, it works ??
Yep I get the philosphy. I will change of template for my next website or trying to write one.
Thanks ??