# Hide Custom Header Links from anon

**URL:** https://meta.discourse.org/t/hide-custom-header-links-from-anon/277626
**Category:** Development
**Tags:** custom-header-links
**Created:** [March 23, 2020, 12:03am UTC](https://meta.discourse.org/t/hide-custom-header-links-from-anon/277626 "2020-03-23T00:03:42Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [March 29, 2020, 8:33pm UTC](https://meta.discourse.org/t/hide-custom-header-links-from-anon/277626/4 "2020-03-29T20:33:52Z")

</div>

Everything is still doable via css, but you have to create a line for each link which can take some time.

If we take the demo for this component :

[https://theme-creator.discourse.org/theme/Johani/custom-header-links](https://theme-creator.discourse.org/theme/Johani/custom-header-links)

I’ll try your 3 scenarios with the Tech example.

**Ex #1** visible to logged in users

```css
.anon .headerLink.tech {
    display: none;
}

```

**Ex #2** visible to not logged in users

```css
.headerLink.tech {
    display: none;
}
.anon .headerLink.tech {
    display: inline-block;
}

```

**Ex #3** visible to all users : don’t add anything

* * *

Replace text with the key word of your menu.

I’ll take a last example to help you. The css class to use for the item menu _Your Vote Counts!_ is `.headerLink.your-vote-counts`

---

_[View the full topic](https://meta.discourse.org/t/hide-custom-header-links-from-anon/277626)._