Overflow Issue

[Liz Ridpath]

Hi, I am having issues with the tooltips on the full calendar being cut off at the top. I have tried

.tribe-events-calendar {
overflow:visible;
}

which helps, but it is still cutting a little bit off of the top row. I have also tried

.recurring-info-tooltip,
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip {
z-index: 999;
}

which didn’t appear to help at all.

Thanks for your help.

[George]

Hey Liz,

Thanks for reaching out.

We unfortunately cannot help with design tweaks and custom coding, but I took a look at your events page to try and see what I could do.

I was unable to prevent the cut-off issues you describe 🙁 I tried a few different things, including playing with overflow and with z-index, to no avail.

I’m sorry to disappoint here!

I will reach out to some other folks on our team to see if anyone else can come up with something.

Stay tuned,
George

[George]

Hey Liz,

I think I’ve got some CSS that will fix this.

Try adding the following block of code to your site:


body.post-type-archive-tribe_events .mk-header {
z-index: 1 !important;
}

.tribe-events-calendar {
overflow: visible !important;
}

.tribe-events-tooltip .tribe-events-description p {
font-size: 12px;
margin-bottom: 0;
}

I hope that helps!
George

[Liz Ridpath]

That worked! Thank you!

[George]

😀

[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