Hide the membership tab from the profile

Community Help
#1

Screen Shot 2020-03-04 at 9.54.38 AM
Screen Shot 2020-03-04 at 9.54.38 AM1638×1214 34.3 KB

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>
#2

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
#3

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
#4

Hey @DuncanHamra,

Do you know how I could hide the membership tab only for some members, based on a member attribute?

Thanks!