How to keep menu open after: active

0

I have a menu made exclusively with css and html. When clicking the button it opens the menu, but if I release the button it disappears, to keep the menu open I need to hold the mouse button. I wanted opinions on how I can fix this, just click once and open the menu and continue open and if I move the mouse pointer to the navbar it disappears normally.

Details on the codepen site: link

    
asked by anonymous 03.06.2017 / 00:12

1 answer

1

Try changing the: active by: hover. I tried the codepen in line 63 of your css

.top-menu > li:hover .megadrop {

I do not know if this is the result you expected.

I hope I have helped:)

    
03.06.2017 / 00:57