z index for date picker?

[Rich Berardi]

Hello,
recently you made a change – the date picker new goes above the date field. Previously, I believe it fell below it.
Now we are having an issue where the calendar box falls behind our primary navigation. (see screenshot)
I can’t seem to track down the code to change the z index.
I do see:
element.style {
top: 21.9219px;
left: 40px;
z-index: 20;
display: block;
}

and changing that z-index to 102 fixes the problem in Chrome dev tools, but I don’t believe that is the solution. I feel like it should be targeting something like .datepicker

Thanks for any help.

[Patricia]

Hey Rich,

Thank you for reaching out to us!

To change the z-index of the datepicker dropdown-menu, please add the following code in your theme’s style.css file:

.datepicker.dropdown-menu {
    z-index: 1000 !important;
}

I hope this helps! Let me know if you need anything else and have a great day!

Best Regards,

Patricia

[Rich Berardi]

Perfect, thank you.

[Patricia]

Hi Rich,

You are welcome!

Let me know if you need anything else and have a great day 🙂

Cheers,

Patricia

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts