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>
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)
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
Hey @DuncanHamra,
Do you know how I could hide the membership tab only for some members, based on a member attribute?
Thanks!