I have made a test page for my site
The dropdown menu here is disappearing whenever I hover the mouse over it.
I have seen and tried the various solution already mentioned in the forum but none seem to help correct it. Please help, I want to solve this.
Try to change
/*Display the dropdown on hover*/
nav#nav-main ul li a:hover + .hidden, .hidden:hover {
display: block;
}
to
/*Display the dropdown on hover*/
nav#nav-main ul li:hover ul{
display: block;
}