How do I remove hover animation from menu in WordPress website? [Bricksy Theme]

Question

I am trying my hardest to find the option to remove the following hovering animation\effect from my WordPress website but it seems like its some sort of global variable or configuration - since I cant find an option to change it using the Bricksy Theme I am currently running.

the animation mentioned:

any suggestions?

Answer 1

If you want to remove the menu hover effect, add the following style to your template

.wp-block-navigation__container>.wp-block-navigation-item a:hover:before,
.wp-block-navigation__container>.wp-block-navigation-item a:hover:after {
    content: unset;
}

If it doesn't work, use it like this: content:unset !important;