Main-menu classes missing from Single-Organizer page

[Todd]

On the Single-Venue page, my main-menu’s Events tab correctly gets the “current-menu-item” and “current_page_item” classes. However on the Single-Organizer page, it does not. Any idea why?

[Leah]

Hi Todd,

I apologize for the delayed response. We’re swamped with support requests right now, so we’re a bit behind our usual 24 hour guarantee. Someone will be looking at this post shortly to get you a more substantial response. I appreciate your patience.

Best,
Leah

[Jonah]

Hi Todd,

For what type of menu item is this for? Did you create a custom link or is this a direct link added from the Organizers panel in the menu page?

– Jonah

[Todd]

Hmmmmm, sorry for the confusion here. Basically everything is ok. I actually now realize that i should not expect my the Single-Venue page to get those “current-menu-item” and “current_page_item” classes added to my “events” main-menu tab, as none of my other TEC/ECP views have it. So it’s fine – but i don’t know how it’s happening on this template.

My main-menu Events tab is actually a PAGE-item, associated to a Page i have called “Events”. I know this conflicts with the “events” CPT from TEC, so the “events/” url shows TEC, instead of my events “page” content, which is fine. (I have that page just to allow a child-page to have the url “events/suggest-an-event/”.

I then use custom CSS classes to my menu-items (in Appearance > Menu > Advanced properties), like “nav1-events” for my Events tab. And then use TEC’s body-classes to highlight my Events tab as needed, like “body.single-tribe_organizer li.nav1-events a {}”.

And that’s what i did to properly highlight my Single-Organizer pages, as well as the main TEC calendar-grid and lists views. But for some reason, my Single-Venue pages are getting those “current-menu-item” and “current_page_item” on the Events tab.

I see I could add “Events” to my menu as a Custom Link (rather than as a Page), but i think I’d still need to use this custom CSS to enable the tab-highlighting for all the different TEC/ECP views. Unless i missed something. By the way, i had done all this work a while back on ECP v1.3.2, and just now upgraded to 3.0.3, so perhaps this could be done more easily now.

[Jonah]

Hi Todd,

I see… yeah one thing you could potentially do differently that would help you is enabled menu classes through the Screen Options panel in the upper right when managing your menu. Then you can assign specific classes to specific menu items and take advantage of our page specific body classes like ‘events-gridview’ to target and highlight menu items based upon the page you are on. Hope that makes sense but let me know if you have any questions.

– Jonah

[Todd]

Yep, exactly – that’s what i’m doing, with css rules like:
body.single-tribe_organizer li.nav1-events a {}
It works great, when the menu LI doesn’t get classes like “current_page_item”, etc.

[Jonah]

Sounds Todd, let us know if there’s anything else you need help with.

– Jonah

[Author]

Posts