Z_Index on drop downs…

[mgma]

Using regular menus… the 2nd level drop down still has the rule from the 1st level menu overlapping them (I have them offset a little intentionally). Can you help me make sure the 2nd level drop down is on top of the 1st level drop down, completely? See attached.

Thanks!

[Mohammad – SUPPORT]

HI,
Please share your website URL so i can give you quick solution .
Thanks 🙂
With Best Regards
Swift Ideas

[mgma]

Thanks…

http://mcalpin.net/spatialpoint/2014/

Uner the first menu… Bing Maps… there is an example.

Also… can you tell me how to have longer menu names break into two lines, instead of being cut off with dots, etc.?

Thanks Mohammad

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS => Here put these code and update options

1. Second level menu overlap
nav#main-navigation .menu ul.sub-menu ul.sub-menu{margin-left:0px;}

2. Longer menu names break into two lines
nav.std-menu .menu ul li > a, nav.std-menu .menu ul li > span.title{white-space:normal;}

It will work 100% sure .

Thanks 🙂
With Best Regards
Swift Ideas

[mgma]

Thanks Mohammad. But I want them to overlap. I want the 2nd level to have that negative left margin… and stay on top of the 1st level drop down. So the issue is z-index I’m assuming. The rest of the 1st level menu is behind the 2nd level… but that 1 px rule is still on top of the 2nd level menu items.

Another stab at it?

The other one… for 2 lines… works great.

Thanks!!

[Mohammad – SUPPORT]

HI,
Please attach a screenshot so i can check and give a exact solution .

Thanks

[mgma]

My original screenshot above demonstrated it. You can see the white rule from the 1st level drop down, on top of the 2nd level dropdown.

Thanks

[Mohammad – SUPPORT]

Hi,
I tried and spent more time . I’m afraid it’s not built into the theme and need to modified especially for you. We always ready to help you with this customization but we are only able to provide support for basic theme issues and bug fixes. We do provide support for small customizations but unfortunately this request is beyond that. Please see our general policy and guidelines for more info. You could also hire a developer to help you with your customizations.

Thank you for understanding!
Cheers!

With Best Regards
Swift Ideas

[mgma]

Thanks Mohammad. Please run this past Ed. It’s a CSS thing, Isn’t it? Not structural.

[Mohammad – SUPPORT]

Hi,
Yes i know that its not structural . I will forward to this developer .
Thanks

[Mohammad – SUPPORT]

Hi,
Please tell me . Where [website url] did you applied it before ?
Thanks

[mgma]

Thanks…

http://mcalpin.net/spatialpoint/2014/storedealer/

[Mohammad – SUPPORT]

HI,
I also see white line at http://mcalpin.net/spatialpoint/2014/storedealer/ second level menu . Have you fixed it before ?
Thanks

[Mohammad – SUPPORT]

HI,
Please try this custom css . Hope it should work and let me know your feedback .
nav#main-navigation .menu ul.sub-menu ul.sub-menu{top:-10px !important;}

Thanks

[mgma]

Thanks Mohammad… but I’m trying to do something specific here. I want the second level menu in front of the first level menu. Offsetting them vertically is part of the design. lining them up vertically instead just avoids the issue.

Z-index is a tricky thing, and I just can’t seem to get it.

Thanks. Other ideas?