Hover over color

Is there a way to make the whole cell a link, not just when you click on the text?

this is already the case, I have also checked on your website. Or may be that I don't understand the request
please give me the steps to reproduce the issue

In the sub sub menu, when you first hover over the cell, the link is not active like the main or sub menu cells are. You have to mouse over the text in the cell to activate the hover/link. It's not that big of a deal, I just thought maybe there was any easy fix.

So I think I'm looking pretty good on rollover/hovers colors other than the active main menu item. I'm messed with this for hours and can't figure it out.

I want the background of "Product" to remain white when you mouse over a menu item under it (sub or sub sub) and not turn blue.

So I don't want it to be like the attached image.

Thanks

In the sub sub menu

I only see a small area of 20px on the right where it does not work. Add this css code in your page, and check if this is what you need

for the products item on mouseover, I have already given you the code I don't see it in your page so I suppose that you missed it

Sorry to change urls and menu name on you. I resorted from backup and then just keep messing around with it.

Current URL: riskollc.com/DRAF_2/products/pleated-air-filters.html

I'm already using this:
#accordeonck220 li.level1.active:hover > span {
    background: #4B8DCF;
}

So I can't use this:
#accordeonck220 li.level1.active:hover > span {
background: white;
}

I guess I should have said:  I want the background of "Product" to remain white when you mouse over a menu item under it (sub or sub sub) and not turn blue BUT turn blue when you hover over it, then back to white even if its active.

 

ok my bad, I did not understand correctly the request
you shall change
#accordeonck220 li.level1.active > span:hover {
background: #4B8DCF;
}
into
#accordeonck220 li.level1.active:hover > span {
background: #4B8DCF;
}

so that it will change the color only when you are on the item, not on the submenu

I'm sorry but I still can't get that to work.

What I have in my Custom CSS tab:

#accordeonck220 li.level1.active:hover > span {
    background: #4B8DCF;
}
#accordeonck220 li.level1.active:hover > span a {
   color: #FFFFFF;
}
#accordeonck220 li.level2 li.accordeonck.active > span {
    color: #000000;
    background-color: #dee2e6;
}
#accordeonck220 li.level2 li.accordeonck:hover > span {
    color: #000000;
    background-color: #4B8DCF;
}
#accordeonck220 li.level2 li.accordeonck.active > span a {
    color: #000000;
    background-color: #dee2e6;
}
#accordeonck220 li.level2 li.accordeonck:hover > span a {
  color: #000000;
  background: #4B8DCF;
}
@media screen and (min-width: 800px) {
    accordeonck.nodesktopck { display: none !important; }
}