I have “sort categories by event start date enabled” checked.
I have two new events created:
- Customer Onboarding - August (created first)
- Customer Onboarding - September (created second)
…but they show up in the order:
- September
- August
In a bug report titled ‘Sort category by event start date seems to be broken’, jordan-violet initially thought enabling ‘sort categories by event start date’ would automatically sort events by date, but discovered the setting only controls whether the ‘sort topics by event start date’ option appears in category settings zogstrip. After enabling the correct setting, events sorted properly. jordan-violet then asked if it’s possible to hide the Latest and Top navigation options for a specific category (e.g., ‘Events’). zogstrip suggested using CSS targeting the category’s body class (e.g., .category-my-events #navigation-bar { display: none; }). jordan-violet tested the solution and found it worked, though it displaced the New Topic/notification buttons. Switching from display: none to visibility: hidden resolved the layout issue jordan-violet. The issue was resolved through configuration clarification and a CSS workaround.
I have “sort categories by event start date enabled” checked.
I have two new events created:
…but they show up in the order:
@jordan-violet It’s not the most obvious but the “sort categories by event start date enabled” site setting is only controlling whether we show/hide the setting to “sort topics by event start date” in the categories settings ![]()
Can you try checking the “sort topics by event start date” in the category you have events?
Ah, yes, that was a bit confusing…but it does work now!
Is it possible to hide the Latest and Top options for a specific category, e.g. my Events category?
Should be able to hide them using CSS.
Suppose your category is called “My Events”, there should be a CSS class on the body that looks like category-my-events.
You can use that to hide the navigation bar (aka. Latest / Top / …) with the following
.category-my-events #navigation-bar { display: none; }
Will give this a try later this evening. Thanks Régis!
Edit: That worked…but now the New Topic/notification buttons are shuffled over:
changing the css to:
visibility: hidden;
did the trick!