CODEWITHSUNDEEP
css
Dave Mikes
Dave Mikes

Reputation: 631

Properly show submenu using css

I tried for a few hours now to figure out why my sub menu disappear when I hover over the parent menu.

Live demo: http://topforexbroker.net/kafi/

I could possibly remove the margin-top from my sub-menu class and easy fix but then my border 1px at the top of the sub menu goes away :)

Any suggestions or tips would be greatly appreciated.

Demonstration of the issue: https://gyazo.com/5387a96e4c86f4fb1cbef9aa8715ed71

Thanks!

Upvotes: 0

Views: 25

Answers (3)

Dave Mikes
Dave Mikes

Reputation: 631

I finally managed to solve the problem, as I said in my first post this margin.. I changed some of them on the sub-menu class and the primary-menu and now it works.

Upvotes: 1

Maxwelll
Maxwelll

Reputation: 2212

This functionality is related to your jQuery script and is not a CSS issue. Im assuming there is some sort of event listener probably

.mouseleave()

which has a function to hide your submenu. Change that and this behavior will go away.

https://api.jquery.com/mouseleave/

Upvotes: 0

thangngoc89
thangngoc89

Reputation: 1400

There is no thing wrong with your CSS. I usually add a timeout like 200ms before hide sub-menu to avoid this situation.

Upvotes: 0

Related Questions