asked on

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?

Robert Granlund

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

jblayney

ASKER

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

ASKER CERTIFIED SOLUTION

Robert Granlund

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

jblayney

ASKER

Hello,

that as didn't work, it is still open when you first roll over the profession menu

jblayney

ASKER

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 Granlund

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;
}

jblayney

ASKER

The positioning is fine, it am just struggling on getting the caret in the right position now

Robert Granlund

Open a new question and tag me. Me or somebody else will help sort it out.

jblayney

ASKER

I figured it out, thank you