function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Thomas Bonthelius 18Thomas Bonthelius 18 

Remove community user profile ui via CSS

How can I hide the User Profile Menu ui from Customer Service community layout. I have removed the search via CSS but I cant create a CSS to remove the Profile Menu UI

 
Khan AnasKhan Anas (Salesforce Developers) 
Hi Thomas,

Greetings to you!

Try this CSS, it will hide the 'My Account' option.
 
.myAccount{
  display:none;  
}

To hide 'My Settings' drop-down option, you can use below CSS.
 
.userSettings{
  display:none;  
}

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas
Thomas Bonthelius 18Thomas Bonthelius 18
It didnt remove anything. I want to remove the whole User Profile component.
Thomas Bonthelius 18Thomas Bonthelius 18
I am trying to remove this with CSS, i have removed the search bar fine, but cant remove the User Profile menu.
User-added image
Sarthak Bajaj 14Sarthak Bajaj 14
Hello Everyone out there,

 Any luck for this ? Did anyone found the solution for this
Would greatly appreciate if someone can help here.

Thanks,
Sarthak Bajaj
17.sarthak.1992@gmail.com
Shubham Dighe 4Shubham Dighe 4
.profile.uiMenuItem
{
display: none;
}

try this. it worked for me.
Weiqi KuangWeiqi Kuang
Has anyone found a solution for this? All the CSS mentioned above did not work for me - stuck trying to remove the User Profile menu. 

Thanks in advance!
Marcus YeoMarcus Yeo
Hi Weiqi, 

You can try removing the labels. I did it and it did now show in the community.
 User-added image
Anshu LaurAnshu Laur
Hi, following solution worked for me, no need for CSS.

You can click on the Compact Header and from the dropdow select - Layout . This will show options to include or exclude User Profile Menu , Search Bar, Notifications Icon etc. 

Uncheck - 'Show User Profile Menu' . This worked for me and removed user profile menu  from Community.
User-added image

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future.

Thanks & Regards
Anshu
Samuel Hoffman 5Samuel Hoffman 5
Anshu's solution worked for me.  Thank you, I had been struggling with this.
Romil Shah 8Romil Shah 8
Thank you @Khan Anas!