Normally,we don't recommended to customize the suite nav with either CSS or JS.
If you still want, for modern experience sites, we can use the SPFx application extension to inject custom CSS on modern SharePoint pages to hide "SharePoint".
Refer to steps:
- Create a CSS file named custom.css with your customizations and upload it to “Style library” of the root style library(which can be found at https://[yourtenant].sharepoint.com/Style%20Library/Forms/AllItems.aspx.)
._6EkCIBulssv0eDQ55G3yH {
visibility:hidden;
}
- Download or build the SPFx solution package from https://github.com/hugoabernier/react-application-injectcss.
- Upload and deploy the .sppkg file to tenant App catalog:
- Activate the app to one of your modern site via adding the app.
- After that, your custom CSS should work up.
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.