z-index conflict

[Ross Mahler]

The top of the events calendar appears on top of my nav, which looks very distracting. See this link when the navigation gets narrower for responsive.

http://s607442321.onlinehome.us/events/

Help!

[Patricia]

Hey Ross,

Thank you for reaching out to us!

I’ve accessed your calendar via google chrome using different screen sizes and couldn’t replicate the issue you are experiencing from here.

Can you please let us know what is the browser you are using and send us a screenshot so we can help you to find a solution for this problem?

Thanks!

Patricia

[Ross Mahler]

On the Calendar page, when the screen is narrow and a dropdown menu is used (Resources menu for example), the menu appears BEHIND some of the Calendar elements.

I’m attaching a screen shot.

[Patricia]

Hi Ross,

Thank you for sending me this screenshot, it was very helpful to find the solution for this issue.

Please add the following code in the end of your theme’s style.css file:

.tribe-bar-disabled {
z-index: 1 !important;
}

Your menu should display properly while having this code in place.

I hope this helps! Let me know if you need anything else in the mean time.

Regards,

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