Z_Index on drop downs…

[Kyle – SUPPORT]

Hi

How come you want them to overlap?

– Kyle

[mgma]

It’s a design thing. Something I did on their last site they really liked…

Web Mapping and Web GIS Technology Experts | SpatialPoint

[Kyle – SUPPORT]

Ahh ok, I also can’t figure out why it’s doing that, you can remove the borders by adding this custom css:

nav#main-navigation .menu ul li > a {
  border-top: 0;
}

– Kyle

[Mohammad – SUPPORT]

HI,
Please use this css to make menu like as your http://www.spatialpoint.com/.

nav#main-navigation .menu ul li > a{border-top:0;}
nav#main-navigation .menu ul.sub-menu > li{width:190px;}
nav#main-navigation .menu ul.sub-menu ul.sub-menu{margin-left:0px;}

Thanks

[mgma]

Thanks guys.. I know I can remove the borders, but then the menu items in all drop downs have no dividers to them. Just an open space until rollover. Looks terrible.

Interestingly enough… I replaced the border rule with a background file… but it still showed… looked just like it does with the border rule. So it’s a transparency issue too? I can;t figure it out.

Thanks for your ideas!!

[Kyle – SUPPORT]

Did you try Mohammads css?

– Kyle

[mgma]

Yep. It positions them where I want them… But see my last comment above… removing the rules makes the menus look bad… with no dividing rule between menu items until rollover.

TX

[Mohammad – SUPPORT]

Hi,
Please remove that one and use this . It will work 100% sure .

nav#main-navigation .menu ul li > a{border-top:0;}
nav#main-navigation .menu ul.sub-menu > li{width:190px;border-top:1px solid #E1E0E0;}
nav#main-navigation .menu ul.sub-menu ul.sub-menu{margin-left:0px;}

Thanks 🙂
With Best Regards
Swift Ideas

[mgma]

Thanks guys. This one just shortens the rule so it doesn’t overlap. I suppose it’s an option, and I would match that padding on the left too (so the rule doesn’t reach the sides of the menu on either side).

But the full width rule separating the menu items is pretty key.

Hey, also… how can I change the color of the little arrow pointing up to the main menu item? ON these drop downs it’s white, and I want to change it to the same grey as the asearch drop down has. can;t find it.

Thanks guys!!

[Mohammad – SUPPORT]

Hi,
Please use this code .

nav.std-menu .menu ul.sub-menu li:first-child:before{border-bottom: 8px solid #E1E0E0; }

Hope it will work .

[mgma]

That did it for the little arrow. Thanks Mohammad!

[mgma]

May be a clue to our overlapping problem…

I can’t seem to find CSS for the text color on the selected menu item. When you are on a page, the menu item for that page has the same background color as the rollovers do, but the text is black instead of white.

So… How can I change either the text color, or the background color, on the selected menu item?

The reason I thought this may be a clue to our other challenge… is because I noticed that although I have a slight overlap happening with the menus now… the selected menu item background color is on top of drop downs (The “demos” menu item in the attached screenshot), whearas the other menu items background is now. See the attached screenshot. Just thought you may find this interesting.

Thanks guys!

[Mohammad – SUPPORT]

HI,
I am very sorry that i am not able to find any clue .
Thanks 🙂
With Best Regards
Swift Ideas