Joomla Templates Club 406,261 posts

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#172176

I am trying to add a secondary dropdown menu in the search position but am running into z-index problems. The menu module is called Art Grand Menu. It adds in position fine. However when I add dropdown items they get obscured by the main navigation. I added various very high z-index values to the menu styling but they do not help.

In the main site CSS file I found #ja-mainnav with a z-index of 22. I tried messing with this.

I checked further and changing it to anything at 9 or below fixes the top menu.

The side-effect is that this breaks the main menu. If I drop z-index of ja-mainnav to 10 or below the mainmenu drop-down items get obscured by the slideshow and on pages where there is no slideshow, component containers. There seem to be a cascading series of z-index values that make the main navigation, slideshow and containers work together as a package.

See: http://www.dottedi.us/18

ja_droid styling is vanilla. I left high z-index values attached to the secondary menu’s stylesheet, dropdown.css, but they have absolutely no impact. Here is what I added, but is currently commented out:

stylesheet: modules/mod_artgrandmenu/mod_artgrandmenu/css/dropdown/dropdown.css


/* Added by Bob just to see */
/*
.artgrandmenucontainer ul.dropdown li.hover,
.artgrandmenucontainer ul.dropdown li:hover {
z-index: 987654321;
}

#ja-search .artgrandmenucontainer ul.dropdown li.hover,
ul.dropdown li:hover {
z-index: 987654321;
}

#ja-search .artgrandmenucontainer ul.dropdown a.hover,
ul.dropdown li:hover,
#ja-search a.hover,
#ja-search .artgrandmenucontainer a.hover,
a:hover
{
z-index: 987654321;
}

#ja-search {
z-index: 987654321;
}
*/

Suggestions how to make it work?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#431280

Hi
Would you mind take a screenshot for better detail ?

Thank you

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#431297

There are several submenu items under Extensions in the small menu in the header. They disappear behind the main menu and slideshow, etc.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#431298

Hi
Please update this

#ja-header {
position: relative;
z-index: 10; Update this to 11 or higher
}

http://www.dottedi.us/18/plugins/system/jat3/base-themes/default/css/template.css
Line 665

Thank you

[Bob Meetin Friend Bob MeetinJoin date: September 2014Posts: 130Downloads:0Uploads:12 Thanks: 6 Thanked: 5 times in 1 posts]

#431299

11 didn’t do it, but z-index:23 did! Thank you.

[Author]

Posts