Make third level dropdown menu closed by default.

Hello,

I have a Wordpress menu, it is a 3 level menu and the third level isn't working properly.

If you visit this link.
http://oalaca.nextmp.net/

Under the profession menu you will see What is Landscape Architecture, the next 3 menu items  ( Why is Landscape Architecture Important?, and  Studying Landscape Architecture only appear when  What Does a Landscape Architect Do) are supposed to only appear when you hover over What is Landscape Architecture?, but they display as default...  

Interesting thing, if I go and scroll over that item and and then scroll off, those 3 menu items close and everything works as it should.

So my question is
1. How do i make What Does a Landscape Architect Do?, Why is Landscape Architecture Important?, and  Studying Landscape Architecture only appear when  What Does a Landscape Architect Do is hovered over?
LVL 1
jblayneyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Robert GranlundCommented:
Place those 3 menu items as children of the menu choice.  Make the new UL display:none; and then on the menu item li_ID NUMBER:hover ul {display:block;}
If you make those last 3 menu items children of the prior LI I can walk you through the rest
jblayneyAuthor Commented:
Hello,

I don't understand what you mean, they are children now,

What Does a Landscape Architect is my main <li>

that has a nested <ul> which contains the other 3
Robert GranlundCommented:
#menu-item-36086 ul {
display:none;
margin:0 0 0 13px;
}

#menu-item-36086:hover ul {
display:block;
}

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

jblayneyAuthor Commented:
Hello,

that as didn't work, it is still open  when you first roll over the  profession menu
jblayneyAuthor Commented:
I tweaked it slightly, this works...


#menu-item-36086 .dropdown-menu {
display:none !important;
margin:0 0 0 13px;
}

#menu-item-36086:hover .dropdown-menu {
display:block  !important;
}
Robert GranlundCommented:
Looks good and I'm glad I could help.  I know how frustrating CSS can be in these instances.

You can tweak the positioning here:

#menu-item-36086 .dropdown-menu {
display:none !important;
margin:0 0 0 13px;
}
jblayneyAuthor Commented:
The positioning is fine, it am just struggling on getting the caret in the right position now
Robert GranlundCommented:
Open a new question and tag me.  Me or somebody else will help sort it out.
jblayneyAuthor Commented:
I figured it out, thank you
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.