‹ Home
Exported

Assumption - Jacksonville, FL

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanNathalie Shultz, Web ConsultantDianna Hinschberger, Assumption Catholic Church - Jacksonville StaffCody Armock, Web Content Specialist at DiocesanMeg Viggiani, Assumption Catholic Church - Jacksonville StaffMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel Tupper +2 others
From the list: Build

✔ Footer - Z-index is too high, Envira lightbox is being overtaken

Cody A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
It looks like the Footer Z-index is too high. The light-box should gray out the entire screen, but if the footer is in the frame/fold, then the footer overlaps the lightbox and it doesn't function as well. See screenshot below. Click the Divine Mercy (Jesus shooting Prismatic Spray out of his heart or the image in the screenshot) on this page

The z-index for the lightbox is z-index: 99994; whereas the footer's z-index is 200003;
image.png 1.82 MB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I'll probably just set the z-index for the lightbox. There was a reason for me to use such a weird value, but I don't remember what it was. I'd rather just fix the few things that need to go over it than have to rebalance everything.
Notified 1 person
Cody Armock, Web Content Specialist at Diocesan Cody Armock, Web Content Specialist
okay. Sounds good.
Notified 1 person
Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I set the following CSS in /sass/variables-site/classes.scss.
.envirabox-container {
  z-index: 200010 !important; // stay above footer's z-index (200003), which was set above #glt-translate-trigger's z-index (200002)
}
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.