Всё ещё можно реализовать через CSS, но вам нужно создать отдельную строку для каждой ссылки, что может занять некоторое время.
Если взять демо-пример этого компонента:
https://theme-creator.discourse.org/theme/Johani/custom-header-links
Я попробую применить ваши три сценария на примере Tech.
Пример #1: видно только авторизованным пользователям
.anon .headerLink.tech {
display: none;
}
Пример #2: видно только неавторизованным пользователям
.headerLink.tech {
display: none;
}
.anon .headerLink.tech {
display: inline-block;
}
Пример #3: видно всем пользователям — ничего добавлять не нужно
Замените текст на ключевое слово вашего меню.
В качестве последнего примера для помощи: CSS-класс, который нужно использовать для пункта меню Your Vote Counts!, — это .headerLink.your-vote-counts.