Removing the private message link/icon in header

UX
1

Hi all,

Would anyone have a CSS or code suggestion for removing the private message (PM) link in the header drop-down?

image

We are aiming to add a PM inbox link to the top header and having two different links for the same thing so close to each other is not going to work too well.

Thanks in advance!

2

This should hide it

div.menu-links-header { 
    .menu-links-row {
        li.glyphs a.user-pms-link {
            display: none;
        }
    }
}

Any icon in that dropdown can be hidden by swapping out the relevant class. For example, you could replace a.user-pms-link with a.user-bookmarks-link to hide bookmarks.

9 Likes
3

Oh that now looks wonderful and spring-cleaned. Thank you :relaxed:

image

1 Like