Ticket for: Team Showcase
0
Tania Izquierdo
Hello.
There is an issue and when clicking on a team member's photo, the pop up that displays appears below the page header, instead of above it. how can I fix this please? I need to fix this problem as soon as possible, thank you.
https://hosting144252eu-268806.webempresa.site/equipo
I leave you the access and link to the web to fix it.
0 Subscribers
Submit Answer
1 Answers
Best Answer
0
Hi,
I can see you've set a z-index value 101 under the class name of the title. Please lower the value to resolve the overlap issue.
Screenshot: https://ibb.co/S0NbhKj
And to make the popup centered please edit your Team and under Custom scripts => Custom CSS option paste the CSS code that I've entered below.
Screenshot: https://ibb.co/56B8Bq6
Code to copy:
.popupbox-wrapper .elements-wrapper{
position: absolute !important;
margin: 0 !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
} 
Perfect, thank you.
I would also need to solve this same problem but it happens with the footer. I mean, the pop up is “hidden” as it is displayed below the footer, instead of above it. how could I fix it? Thanks in advance.
Replying as
Submit
Again you’ve set a ‘z-index’ value 100 on the ‘footer’ section.
Lowering the value to ’99’ fixed this issue.
Screenshot: https://i.ibb.co/4gp0dkw/z-index-issue-on-footer.png