Nav menu spacing broken when 4.0 update installed

[BAAG]

Hi there

Just updated to 4.0 and our nav menus are no longer spaced correctly. Do all the functions below still work as they used to? I tried changing the settings but cannot get them to line up again. Any help appreciated. Site is http://www.baag.com.au

Thankyou

Code: Select all

#nav ul ul a, #nav ul ul a:visited {
    width:204px;
}

#nav ul ul ul { left: 218px; }

#nav ul li a,
#nav ul li a:visited,
#nav ul ul li a,
#nav ul ul li a:visited {
   padding: 4px 7px 3px 7px;
}

#nav ul ul {
        top: 27px;
}

[sayontan]

Change your last selector to "#nav ul .dd-tab ul"

[BAAG]

Wow you are fast!

That has fixed the positioning of the menu from the top, but secondary menus are still appearing too far left (as are subsequent pullouts, 3 levels deep etc)

[sayontan]

Change your second selector to "#nav ul .dd-tab ul ul"

[BAAG]

That didn't work unfortunately. Instead of moving the second level menus further over to suit our widened menus, it moved the first level menu over to where the second should be. Does that make sense?

I have had to remove both lines of code in order to make the website usable again, but it would be great to work out how we can get it looking like it was pre 4.0 again.

[sayontan]

Really? I tried it out on your site yesterday and it worked fine. Mind you, the selector is "#nav ul .dd-tab ul ul", not "#nav ul .dd-tab ul"

[BAAG]

You are right! I hadn't noticed the two codes you specified were slightly different so I copied the first to the second.

All working again, Thanks so much sayontan.

[james_d]

Just wanted to say thanks that this solved my problem too.

[katcares]

I have just installed 4.2.8 and I seem to be having the same problem. When I hover over Pages and my drop down appears, I can't click on the drop down item. I've looked at my "selectors"(had to go online to see what that was ) and they seem to already have this code #nav ul .dd-tab ul ul. But there are so many nav selectors. I'm probably not looking in the right place. Hope you can help. If you have to go into my dash board I don't mind. Nothing private there yet.(or is this something we can add in custom includes)
url is dare-to-care.com. A side question...if you go to my site...you see those white side bar boxes? How can I reduce the opacity on those without changing the opacity of the words, etc. ----Thank you

[Colin]

Your second problem is the easy one in your custom CSS set the background opacity for the .suf-widget

As to your first one you have split the ul elements and so it is not allowing you to move the mouse over the sub-menu item. You have probably reducxed the height of your nav bar too much. Alter that back to default and see how you go.