CODEWITHSUNDEEP
phphtmlcss
Chris Lea
Chris Lea

Reputation: 13

Nav Dropdown Dissapears Sometimes

Hi there i was wondering if anyone could help me ?

I have an issue with CSS navigation dropdown that i have previous implemented in to designs but for this design the dropdown menu appears and are sometimes able to hover over the links but then sometimes it takes 5+ tries before you are able to hover over the links again abit hit and miss.

I have provided a link to the menu and also my code below its possible ive missed something so simple but any help or advice would be greatly appreciated.

Link: Design / Menu

Code: CSS Code

Im unsure how to input the css code in to my post so i have linked above.

thanks in advance

Chris.

Upvotes: 0

Views: 23

Answers (1)

Henfs
Henfs

Reputation: 5411

The problem is the space between the opener and the menu. You can easily solve this removing the space (that is a margin) like this:

#nav ul {
  margin-top: 0;
}

Or, if you want to mantain the space, replacing the margin with padding, like this:

#nav ul {
  margin-top: 0;
  padding-top: .6em;
}

The padding will allow the menu to stay open. Hope it helps. Good luck.

Upvotes: 1

Related Questions