Hide the membership tab from the profile

Add this code to your site header. It will hide the membership link from the profile overlay.

<style>
[ms-lang="profile_nav_member"] {
visibility: hidden;
}
</style>

Not to steal your thunder here @DuncanHamra, but I’d alternatively suggest display: none; instead of visibility: hidden.

visibility: hidden is the equivalent of turning an element’s opacity to 0% (but the element’s structure and size still remains on the page), while display: none; actually removes the element, and would create vertical symmetry between the Profile and Logout buttons (with the divider bar being in the middle)

2 Likes

Great point Devon! Let’s combine the two ↓

<style>
[ms-lang="profile_nav_member"] {
visibility: hidden;
display: none;
}
</style>

I’ve heard “visibility” is great of accessibility since screenreaders will respect it. Thanks man :grin:

1 Like