hover errior

[flsqja]

hi, I’m having problems on my css.

I’m trying to make full width drop down menu.

and here is simple example of my problem (https://codepen.io/flsqja/pen/gyQqLe)

it is hovered not only on class .list but also whole area of its child boundary.

please help me

thank you

[Paulie_D]

I’m not clear on what the issue is.

The sub-menu is full width…

What does this mean?

it is hovered not only on class .list but also whole area of its child boundary.

https://codepen.io/Paulie-D/pen/pBqjVR

[Paulie_D]

If you mean that the submenu becomes visible when you hover over it, that’s expected. You’ve only made it transparent, you haven’t hidden it using display:none which would probably be optimal.

[flsqja]

thanks for your answer.

I add display:none in submenu and display:inline when hovered on parent li. It solved a problem that it is visible when mouse is on submenu area.

however, there is another problem that it disappears when mouse is moved from parent list to submenu. Additionally, I added transition in submenu but it doesn’t work.

here’s edited code https://codepen.io/flsqja/pen/gyQqLe

thanks for you help

[Author]

Posts