date-picker in month view drops-up

[Ian]

I think something about the interaction between my theme (Themify Ultra) and The Events Calendar is causing the ‘Months’ view to have the date-picker drop ‘UP’ (so behind the top navigation bar when the page loads. Click in the ‘events in – Date’ area to see this behaviour.

This does NOT happen on the other views I have enabled (List etc)

Also scroll down the page even a tiny bit and the datepicker will drop down correctly and be visible.

See: http://www.hlsi.net/events/month/

Any idea how to correct this?

The Event Calendar 4.6.12
TEC Pro 4.4.24.2

[Ian]

Having tried another theme I guess it is not to do with Themify after all…

[Sky]

Hi Ian,

The logic that makes the datepicker go up or down is determined within the javascript, and it would be difficult to override. What you can do however, is adjust the CSS of the datepicker to make sure it is above your header. Try adding this CSS snippet to your site.


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


Let me know if that helps!

Thanks,
Sky

[Ian]

OK thanks – That works well enough – looks a little odd but at least visible.

I don’t really understand why it is going up when the page initially loads on the month view given that the list view and others drop down?!

[Sky]

Ian,

Glad that worked for you! I’m not sure exactly what the reasoning is behind that behavior either. I’m guessing it was an attempt to keep it out of the way of the calendar and filter controls below.

Please let us know if you have any other questions or issues in the future.

Thanks,
Sky

[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