Menu Displaying Behind Calendar in Month View

[rockcityrecord]

Good Morning,
If you click the calendar menu while looking at the calendar the options display behind the “View As” filter. Below is some css that is currently being used.
.td-page-wrap .td-grid-wrap {
background-color: white;
}
.tribe-mini-calendar-grid-wrapper, .tribe-events-calendar, .tribe-events-list {
background-color: white;
}

.tribe-mini-calendar-grid-wrapper, .tribe-events-calendar, .tribe-events-list {
background-color: white;
}

.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: none !important;
}

Also, is there any way to make the entire background white? It seems that our background color is bleeding over into the calendar. For other pages on the site it stays on the sides.

Thank you,

Brandon Newell

[Brian]

Hello Brandon,

I can help you out some on the theme compatibility.

Try adding this to fix the top nav dropdowns going behind the event bar:

.td-header-style-8-wrapper.td-menu-placeholder {
z-index: 150;
}

Also, is there any way to make the entire background white? It seems that our background color is bleeding over into the calendar. For other pages on the site it stays on the sides.

Not sure what you mean there, are you talking about your sites background or on Event Pages?

Let me know and I can try to help out.

Thanks

[rockcityrecord]

Brian,

Thank you very much for the fix.

As for the background, if you notice on our homepage, the borders are an off-white, while the area with the content is white. When you go to the calendar, the off-white (that is supposed to just be a border for the content), bleeds into the calendar area making the entire calendar off-white instead of white. Does this make sense?

Compare: homepage background: white content, off-white border.
calendar background: off-white everywhere.

[Brian]

I see what you mean now.

I played around with this:

#tribe-events-pg-template {
background: none repeat scroll 0 0 #fff;
padding: 0 85px;
}

And that filled in the space with white like the home page.

This is a theme compatibility issue, so you have the start of a solution, but looks like you will have to add some more css to change that padding as the site shrinks in size. That is beyond the support we can provide, but I think you are close and with a little work will have it working exactly how you like it.

Thanks

[rockcityrecord]

Brian,

Thank you very much. Everything is working wonderfully. You have been very helpful!

[Brian]

I am glad to see you were able to fix this issue.

Since the issue is resolved I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://wordpress.org/support/view/plugin-reviews/the-events-calendar?filter=5

Thanks!

[Author]

Posts