My objective is to hide the Sign-in dropdown. for that I have few approaches:

  1. Hide using CSS
  2. Hide using js
  3. Using custom js method to display the username

I am looking for the first two approaches. I tried to hide it using CSS but it's not working, even though I have used js to remove it's onclick method which is removed, but dropdown is still coming.

Do we have any setting in Snippet gallery for Sign-In control to hide its menu?

enter image description here

  • entire dropdown/menu, need to show only user name. Aug 1, 2018 at 7:17
  • Why I voted down: 1. you are using id which might change environment to environment, in my case $("#zz5_Menu_t").lenth is returning 0. 2 you posted the answer after my final comment which is pretty straightforward. 3 whats the use of PnP SharePoint PowerShell here? Aug 2, 2018 at 6:15

1 Answer 1


If you go with a CSS solution, there are three things you need to do. Hide the drop down box, hide the drop down box arrow, and change the cursor to not visually indicate that it is a link.

/* Hide the drop down */
#welcomeMenuBox .ms-core-menu-box {
  display: none;

/* Hide the arrow */
#welcomeMenuBox .ms-core-menu-arrow,
#welcomeMenuBox .ms-menu-althov-active span.ms-menu-hovarw {
  display: none !important; /* !important included to override inline SharePoint style */

/* Alter cursor style */
#welcomeMenuBox .ms-core-menu-root {
  cursor:  default;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.