Mouse-over events are being cut off

[nbarbuto]

Hello, we’re running Event Calendar Pro and there seems to be an issue with our theme. When you view our calendar in Month view, the top row of event pop-ups/mouse-overs are being cut off by the theme boxes.

In the past, we had resolved this issue with following css:

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


That css is still helping us by allowing overflow over the Event Calendar boxes, but it no longer affects overflow on the Theme boxes. I assume this happened with an update by either EC or our theme.

You can view our calendar here: http://assemblepgh.org/events (you’ll need to jump to August to get any actual events)

Any help would be appreciated! Thanks

[Caroline]

Hi there!

Thanks for getting in touch–so sorry for the trouble here! It looks like this is an issue with the layer “height” of your theme’s header/navigation bar. Adding this CSS to the bottom of your theme’s style.css file should address the issue and make sure the entirety of each event pop-up is visible!

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

Give it a try, and let me know if you should continue to encounter any issues! 🙂 Thanks again!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts