SOLVED: Transition for hover on navigation border

Bricks Version: 1.3.6
Browser: Chrome 90
OS: macOS / Windows

When I put transition for CSS on HOVER of navigation, it does NOT apply on appearance of border-bottom. Transistion works for font-color on hover, but not yet for border of menu item.

I am not sure, if this is a bug or just a missing feature :man_shrugging:

Thanx in advance for your support.

Hi Joachim,

the transition doesn’t work because there is no border-bottom in the default state.
If you add a 1px transparent border, the border on hover will smoothly change its color to red as expected.

Best regards,
timmse

Hey Tim,
thank you for your response.

Did not work in the beginning, what you suggested because did not understand what you meant by “transparent”.
And tried display:none and display:hidden.

After that, I set the border COLOR as transparent in the non-hover state, and it works now. :wink:

Thanx,
Joachim

1 Like