Move Popup box

[cesua]

Hi,

Is there a way to move the popup box that appears when hovering over an event in the calendar view?

I have a fixed nav bar and if an event is too close to the top the popup hides behind the navbar.
Go here and take a look at what I mean.
http://ioimprov.com/chicago/show-schedule/category/the-jason-chin-harold-cabaret/

If there’s no way to make sure the popup stays “in front” of the nav bar, can I at least move it’s location to maybe appear below the event I’m hovering over?

Thanks.

[Brian]

Hello,

Thanks for using our plugins. I can help out.

Try this css:

.tribe-events-calendar .tribe-events-tooltip { z-index: 1100; }

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[cesua]

Hi,

Thanks for the response!

It sort of works. I can now see that it’s trying to stay “in front” of the nav bar, but if I hover on something close to the top of the page, I can’t see the popup because it still pops up above the event, therefore obscuring it from view when hovering on an event at the top of the page after having scrolled down a bit. (I haven’t made the change permanently so you can’t see what I mean)

Is there a way to have the popup appear beneath the event?

Thanks again for trying to help me out.

[Brian]

I am limited in solving all theme comptability issues, but we do have this guide for moving around the tooltip.

https://theeventscalendar.com/knowledgebase/stop-month-view-tooltips-from-obscuring-event-titles/

You could play around with the number in there and move it to where you would like.

Thanks

[Brian]

Since there is has not been any activity on this thread for over 2 weeks so I am now closing it. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts