How to hide site contents or gear icon in sharepoint communication site-UI modern

Question

I gave read access to the users and contribute access for the admins. But I surprised that even the read users can see site contents in the gear icon. How to hide site contents or gear icon in sharepoint communication site (online) for UI Modern page for all users except admins or site owners?
I need explanation for the solution step by step

Answer 1

Hello @Gulnar ,

According to my research, we could not hide Site contents or Gear icon in SharePoint Online Communication sites like all users except Adminis or Site Owners.

But you can inject custom CSS through SPFX to hide the gear icon. But this way, regardless of whether you are an Administrator or Site Owner, you will not see the Gear icon.

Here is a demo: Inject Custom CSS on SharePoint Modern Pages using SPFx Extensions

CSS code:

#O365_MainLink_Settings{  
display:none  
}  

Thanks,
Echo Du

====================

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hello @EcoDu-MSFT Where do we need to inject this custom CSS?
Thanks,
KS