Tuesday, 17 September 2013

Hiding links in Welcome Control in SharePoint 2013

Lately, I came across a requirement around hiding the "About Me" link in the welcome control dropdown. The simplest and quickest solution that seemed to me was to play some tricks using css.
Using firebug, I tried to analyse how OOB SharePoint Welcome Control menu renders. Below is the screenshot of how it works.

Now the game is simple. As you can see in the above screenshot, the menu is rendered as ul and li.
There are two dropdown items in the Welcome Menu - About Me link and the Sign Out link each as li tags inside the ul tag.

I did some manipulation with the css and boom the About Me link got hidden.

Now if you have a look at the welcome menu it has the About Me link hidden.  

This might not be the best solution to do it but very simple to do. Hope it helps !!!


  1. I am trying to do this same thing, but can you tell me where to edit the CSS file at where you added your code to hide the link?

    1. You can add this to the custom css file and have the reference of the custom css file added to your master page.