By Gary Barclay on Thursday, 24 May 2018
Posted in Technical Issues
Replies 6
Likes 0
Views 382
Votes 0
The profile dropdown panel is being overlapped by elements underneath it.

See image

Ive tried adding zindex to various elements but that not working
Also I have found a typo in your css for this selector:
#es .es-toolbar__dropdown-menu::after
you have "left: auto1"
in style.min.css
·
Thursday, 24 May 2018 19:23
·
0 Likes
·
0 Votes
·
0 Comments
·
This is bad for me guys. We have GDPR stuff to roll out and we can't see our profiles
·
Thursday, 24 May 2018 20:08
·
0 Likes
·
0 Votes
·
0 Comments
·
OK I managed to fix it by setting
#es .es-container {
z-index: 0;
}
·
Thursday, 24 May 2018 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Gary,

Thanks for updating, the z-index is actually needed to ensure that the elements underneath it would not overlay the popup. What you could do is to add a higher z-index for your item.
·
Thursday, 24 May 2018 23:06
·
0 Likes
·
0 Votes
·
0 Comments
·
No, I tried that first and it didnt work, in fact it wasn't making any difference as there is no position on that first div.

I've fixed it anyway. works so far.
·
Friday, 25 May 2018 00:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah I see. Thanks for the input on this. If you still need help on this, let us know.
·
Friday, 25 May 2018 00:41
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post