Possible conflict – navigation not highlighting on event page

[Alicia]

I have WooCommerce, Resort theme (Woo), Event Calendar Pro and Eventbrite Tickets installed. When I click on Classes (the event calendar page) in the navigation, the menu item doesn’t highlight. Same with Tips & Tricks (the blog) next to it. All other menu items highlight when clicked. Tried several conflict checks. Woothemes says it’s not their theme and we narrowed it down to a conflict with your plugin. I looked through the forums for a similar problem, but didn’t find one. Please help.

[Brook]

Howdy royalwise,

I am glad to help as much as I can. Regarding the Tips & Tricks page, that is purely the theme. When you click on the button, its nav element now has the WP assigned CSS class “current-menu-item”. That is how WordPress tell themes what the current menu item is. Your theme does nothing with this a class, it only highlights “current-page-item”. Thus, it will sometimes fail to highlight.

For some reason the nav Walker is not giving the events pages either class though, which is a different issue. To fix this I would add the following code to your theme’s CSS file:

body.events-archive .menu-item-2296 a {
color: #ff9d4c;
}

Does that make sense? Does it help you resolve your issue?

– Brook

[Alicia]

How do I fix the first issue?
Also, your fix for the second issue didn’t work.

[Brook]

Howdy royalwise,

If the first issue is the Tips & Tricks link, you will have to consult with the theme dev. That is purely a glitch in their code. If you disable our plugins, the issue will persist. It has nothing to do with the Events Calendar.

The second fix is working fine for me. Using a browser Extension I added a stylesheet to your site with the contents of that snippet I pasted, and it highlights Classes when I visiting any events page. Where did you put the code? Not all themes actually use the style.css file in their root directory. You would have to consult the theme author as to where they want you to add custom CSS like the above.

Does that make sense? I hope it helps! Please let me know if I can be of further assistance, but keep in mind I can mostly only help with our plugin, not with third party theme customizations and bug fixes.

– Brook

[Alicia]

I put the custom css in the custom.css file. That’s where the theme developer said to put it. It does not fix the problem. When I click on a particular class, the Class menu item is highlighted, but not when I’m on the Classes page with the calendar.

[Alicia]

Also, I just noticed that when I click on a class, the menu item Classes highlights orange, but the dropdown arrows on Services and About Us disappear. This only happens when I click on individual classes. When I click on a category of classes, from the individual classes pages, the dropdown arrows return.

[Brook]

Ahh, I see the issue now. It looks like the custom.css file is too high up the cascading chain. Try this CSS rule instead, I think this should work no matter how low of priority the custom.css file has:

body.events-archive #navigation ul.nav > li.menu-item-2296 a {
color: #ff9d4c;
}

Regarding the other issue, the CSS I posted does not affect the drop down arrows on your theme. You need to consult the theme dev if you notice bugs in their theme or if you are interested in customizing it. Our support really is limited to assistance with the Calendar plugin. I hate to send you elsewhere if we can avoid it, but in order for our plugins cost to remain as low as it is we have to only support our plugin and not WP in general. I hope you understand.

– Brook

[Brook]

I am usually on around 6-7AM CST for a couple of hours, then again as often as I can be throughout the day. If that time frame does not work for you tomorrow I understand.

If you would like to dive into this further independent of my schedule, this sort of error usually happens when something bad has happened to the jquery library. It has happened before because jQuery was included twice. Sometimes a theme or plugin hardcodes jquery instead of calling it via a WP script enqueque as WP intended. It looks like it has also happened when a theme loaded an old version of the jQuery library instead of the one that comes bundled with WordPress. Here are some places that I found the error:
https://wordpress.org/support/topic/upcoming-events-and-previous-events-links-on-list-view-dont-work
https://tri.be/support/forums/topic/javascript-errors-on-weekly-and-daily-view/

If I were you I would check the output html source of the page that has error, and using a find function see how many times jQuery has been included. Then, check to see if the version number is v1.10.2

Does that make sense? Or, would you be able to have the dev site active for me tomorrow around 7am CST? I hope I am being helpful. I apologize if our schedules conflict, I wish there was more I could do.

– Brook

[Alicia]

That custom CSS fix worked for the classes menu item. The reason why I asked about the dropdown arrows disappearing is because it only happens on the classes page so I thought it could be a conflict with the plugin.

Thanks for your help!

[Brook]

You are welcome royalwise. I totally understand, it can be hard to tell what the source of a problem is and thus who to ask for support from. Unfrotunately since I am not familiar with your theme I would have to learn it before I could answers questions about it, so that is why I had to turn you toward the theme’s support. I hope things go smooth for ya!

– Brook

[Author]

Posts