SOLVED: Mega Menu Top Level Items Hover Style CSS Transition Doesnt Work

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tools: birdeatsbug.com or jam.dev)

Hi there, when I applied to hover style Mega Menu Top Level Items, the css transition doesnt apply.

Here is I’m sharing video.

https://streamable.com/3823px

2

Hi Mehmet,
Thanks so much for your report!

You should add the transition in the normal state, not in the hover state.

However, adding the transition to the nestable nav adds the transition to the nav, but not to the links inside. What you can do is create a class for your nav links. There you can add the transition, so the links do know what to do.

Best regards,
timmse

5

Hi, No Bug, the problem was solved. Thanks.

6

Yes, by me :wink:
It is not a bug, but there is room for improvement.

7

Hi Timmse, you’re my invisible hero:)) I guess here was need deeply custom css code, but I’m just a nocoder.

By the way I would be very happy if it plays a role in the development of this mega menu.

Thanks.

8

Hi Mehmet,
We’ve improved the transition settings in Bricks 1.8.2, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse