Drop Down Menu Not Displaying Properly

Hello, I am currently working on a client's website >> http://beta.thehappyandhealthyplace.com/

As it stands, there is only one drop down menu in the entire menu structure (beneath "Healthy"), and it is not displaying properly. To recreate the issue:

1. Go to http://beta.thehappyandhealthyplace.com/
2. Hover your mouse over "Healthy"
3. Take note of the fact that the menu doesn't "drop down" per se, rather it hovers over the "Healthy" menu item
4. The last item in the menu (below "Workplace Wellness") titled "Rates & Insurance" is outside of the yellow menu altogether. Essentially the menu is in the wrong position.

Please help me to get this looking like a normal drop down menu again.
Thank you, Paul

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li > ul{
margin-top:55px;
}
#menu .ddsmoothmenu li li:last-child a:link, #menu .ddsmoothmenu li li:last-child a:visited {
background: #fff200!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

This worked perfectly - thank you Nitesh!