Dropdown Menu Blocking Main Navigation

[Alan]

The Events Calendar Pro dropdown menu for month and year navigation is covering up our site’s main navigation menu. Can this be fixed, relocated, or removed?

[Alan]

I’ve found events calendar pro on another site with the same theme as ours but their dropdown shows correctly. http://centralchristianocala.org/events/

[Barry]

Hi Alan. If you visit Events > Settings > Template can you note down what Events Template is set to and let me know (and even experiment with that a little)?

[Alan]

It is set to Default Page Template. I have 2 other choices. One is Default Events Template (no change) and the other is Site Map (and that one turns off the calendar entirely).

[Barry]

Have you made some other change? I’m not sure I can still see the problem.

[Alan]

This is what ours looks like….
http://glendalechristian.org/events/

This is what I want it to look like:

Events

[Alan]

Someone suggested that we setup our theme as a child theme and add this code. I’m not sure how to do all that….is there another way to fix?

(here’s the code they gave me)

.tribe-events-prev-month {
margin-right:5px;
float: left;
}

#tribe-events-events-month {
float: left;
margin: 0 10px;
}

#tribe-events-events-year {
float: left;
margin: 0 10px;
}

select#tribe-events-events-month {
width: 120px;
}

select#tribe-events-events-year {
width: 120px;
}

#content.tribe-events-event.widecolumn {
padding: 20px 10px 0 10px;
}

h2.tribe-events-cal-title {
padding-top: 20px;
}

#tribe-events-event-meta dd {
padding: 0;
margin-left: 80px;
margin-bottom: 2px;
}

#tribe-events-event-meta .column {
width: 47%;
padding: 0 2% 0 0;
}

[Barry]

Strange – when I visited http://glendalechristian.org/events/ earlier that same problem wasn’t apparent, it was displaying nicely in a single line.

Someone suggested that we setup our theme as a child theme and add this code. I’m not sure how to do all that….is there another way to fix?

Indeed there is another way. Find this file:

wp-content/plugins/the-events-calendar/resources/events.css

Copy it to:

wp-content/themes/{your-theme}/events/events.css

Noting that if your theme doesn’t already have an events directory you will need to create it. Then, try adding the lines provided by this other person at the end of that file.

[Alan]

I found the file. Added the events directory in my theme folder and uploaded the events.css file into that folder with the added code.
http://www.glendalechristian.org/events
It seems to not be working or loading the calendar at all now?

[Barry]

Hi Alan.

Are you sure that both The Events Calendar and Events Calendar PRO are still active? At this point in time, the content showing up here http://www.glendalechristian.org/events looks like a regular page or post.

Is that something you’ve set up while you work through the current problem? If so, just bear in mind that because the slug is also events that may conflict with our plugin – a workaround being to delete this page/post once you get the calendar running again or to change the Events URL Slug in Events > Settings > General.

Let me know how you get on!

[Author]

Posts