d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > Css Z-index Issue
Add Reply New Topic New Poll
Member
Posts: 6,121
Joined: Mar 22 2016
Gold: 992.66
Trader: Trusted
Dec 9 2017 06:27am
Hey guys, I'm helping a friend building a website.

Right now I am working on a dropdown menu and it seems to get hidden behind pictures -_-

I have it set to...
.chosen-drop {
z-index: 10001 !important;
overflow-y: visible;
overflow-x: visible;
overflow: visible;
}

.chosen-results{
z-index: 10001 !important;
}

I use DIVI, Wordpress & woocommerce and I just can't find the issue... :( Have been looking for about 6 hours now, time to give up and ask for help!

Plugin is WOOF - Woocommerce product filter

This post was edited by ium on Dec 9 2017 06:39am
Member
Posts: 3,197
Joined: May 4 2013
Gold: 1,457.00
Dec 9 2017 09:04am
You set them both to huge values, but the same values. In your case .chosen-results go over .chosen-drop?

Set chosen-results to 100 and chosen-drop to 101. You don't need them to go all the way to 10k
Member
Posts: 6,121
Joined: Mar 22 2016
Gold: 992.66
Trader: Trusted
Dec 9 2017 10:07am
Quote (nuvo @ Dec 9 2017 05:04pm)
You set them both to huge values, but the same values. In your case .chosen-results go over .chosen-drop?

Set chosen-results to 100 and chosen-drop to 101. You don't need them to go all the way to 10k


unfourtantly not... they are hidden under a picture in a Row in wordpress and this row has no z-index :/

This post was edited by ium on Dec 9 2017 10:07am
Member
Posts: 3,197
Joined: May 4 2013
Gold: 1,457.00
Dec 9 2017 12:20pm
Quote (ium @ Dec 9 2017 09:07am)
unfourtantly not... they are hidden under a picture in a Row in wordpress and this row has no z-index :/


oh, also for z-index to make sense you need also position property. What is it for your elements and what for images?
Member
Posts: 6,121
Joined: Mar 22 2016
Gold: 992.66
Trader: Trusted
Dec 10 2017 04:23am
Quote (nuvo @ Dec 9 2017 08:20pm)
oh, also for z-index to make sense you need also position property. What is it for your elements and what for images?


Very good question! I'll do my best to look it up :)
Member
Posts: 6,121
Joined: Mar 22 2016
Gold: 992.66
Trader: Trusted
Dec 10 2017 06:11am
Managed to solve it with
.page-id-215 .et_pb_section.et_pb_section_0 .et_pb_row_0 {
z-index: 999999;
}

Finally :D
Go Back To Programming & Development Topic List
Add Reply New Topic New Poll