ES Toolbar Module Overlap
By Haki Saki on Wednesday, 14 October 2015
Posted in General Issues
Replies 7
Likes 0
Views 581
Votes 0
I have a directory with drop down menus on my site that go over (on top of) all other modules except the ES Toolbar (Screenshot attached) where is goes under. Is there a way to have that module be in the background when a drop down menu is launched like the other modules?
Hey Peter,

Just add the block of css codes below into your template's css file.



#keywordSearch .chosen-drop {

  z-index: 99999;

}
Mark
·
Thursday, 15 October 2015 00:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

You need to add a z-index on your dropdown module. There's really nothing wrong with the toolbar since we have added a z-index on the toolbar Your dropdown's z-index should be higher than the toolbar.
Mark
·
Wednesday, 14 October 2015 22:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Makes sense, just have to find out where I should add that at
Haki Saki
·
Wednesday, 14 October 2015 22:34
·
0 Likes
·
0 Votes
·
0 Comments
·
You should inspect them with firebug and add them in your joomla template's css file
Mark
·
Wednesday, 14 October 2015 23:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Do you know what value the z-index is set for?
Haki Saki
·
Thursday, 15 October 2015 00:14
·
0 Likes
·
0 Votes
·
0 Comments
·
yup did the trick! Thanks for going the extra mile
Haki Saki
·
Thursday, 15 October 2015 00:30
·
0 Likes
·
0 Votes
·
0 Comments
·
No problem, glad that your issues are resolved now.
Mark
·
Thursday, 15 October 2015 00:35
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post