Remove underline setting on hover

Support
#1

EDIT: I managed to solve the problem.

#2

Glad to hear you got it sorted.

Cheers!

#3

I found the problem but did not really manage to fix it.

I’ve added an hover effect on the menu element. It’s adding it to the button as well, which I don’t want. How do I need to update my code to apply it only to the menu element?

.x-anchor-text-primary {
padding: 7px 0 7px 0;
border-bottom: 3px solid transparent;
}
.x-anchor[class*=“active”] .x-anchor-text-primary,
.x-anchor-text-primary:hover {
border-bottom: 3px solid #fff !important;
}

URL: http://preprod.ghara.fr/nos-maisons/

Thanks,
Antoine

#4

Hi Antoine,

You can add a class to your menu. For example add my-menu

Then change your css code to this

.my-menu .x-anchor-text-primary {
      padding: 7px 0 7px 0;
      border-bottom: 3px solid transparent;
}
.my-menu .x-anchor[class*="active"] .x-anchor-text-primary,
.my-menu .x-anchor-text-primary:hover {
      border-bottom: 3px solid #fff !important;
}

Hope that helps

#5

Thank you!

#6

You’re welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.