Gradient Border problem

[Paddymaster]

hi togehter,

I edit a template from joomla (t3).

i want a gradient border for my navi mega menu.
In every property (like :hover and :active) i want the gradient border.
But i don’t want to have the border normally.

Current it works (site http://www.Lan-Maniac.com).

But if you move the mouse from “MEIN ACCOUNT” to the Drop-Down (Login-Module) below the border disappears. I don’t know why or how to fix it.

Someone have any answers for me ? or a fix code ?

[JeroenR]

It happens because the gradients appear on hovering the anchor element.
Bu as soon as your mouse enters the then shown DIV, it doesn’t hover the anchor anymore.
You could change the hover rule from the anchor to the list item. Then it should work.

So this .t3-megamenu > ul > li > a.dropdown-toggle:hover would become .t3-megamenu > ul > li:hover > a.dropdown-toggle etc.

[Paddymaster]

Thank you Very Much JeroenR.

You describe the problem perfect. And the example in your answer helps me to understand the problem.
Hope you have a great day. Thank you

[Ly Tong]

thanks a lot for your information. i never heard of that.

[Author]

Posts