Remove logo at top left from sharepoint online hub site?

Question

I'm beginner in SharePoint Online so trying to remove logo showing at top left side using the Alternate CSS URL option in the Master page.

Logo that I need to remove is shown here along with its Inspect element view: http://prntscr.com/t6kpod

I used the below code in CSS:

div[class^="logoImg-62"] {
    display: none !important;
}

Need to know what i'm missing?

Answer 1

You may try with the below CSS or PnP PowerShell.

CSS

div[class^="logoCell-119"]
 {
    display: none !important;
}

OR

img[src*='siteIcon'] { display: block;} 

Note:

• Customizing or script editor web part is not supported in modern SharePoint online, so as an alternate we can deploy and make use of modern script editor web part.

How to inject custom CSS or javascript code in modern SharePoint Online?

We can use the modern script editor web part for this. The good thing is that we don't o need to develop this web part from the beginning, we can just deploy the modern script editor web part which is built on SPFx (alternate of classic script editor web part), we can get the modern script editor web part from here.

For details refer to the below article:

SharePoint Online, how to hide the SharePoint logo on a list using css or jquery

SharePoint Online Logo Link

Answer 2

The easiest way to do this requires no CSS or scripting. It's to upload a 192x192 transparent image.

Answer 3

Try using below CSS:

<style>
    div[class^="logoCell-"] {
       display: none !important;
    }
</style>

Also, if it is not working using alternate CSS (As modern pages does not support this) then you can try adding it using SPFx Application customizer (if you want to hide it from all modern pages) or Modern Script Editor webpart (if you want to hide it from only one page).

References:

1. Inject Custom CSS on SharePoint Modern Pages using SPFx Extensions
2. Supported customizations for "modern" pages
3. Sharepoint 365 - Add Custom CSS to Modern Pages

---

Update:

You can also try this:

1. Click on settings (gear icon) > Change the look > Header
2. Upload white transparent image as site logo and site thumbnail
3. Save

Check my answer given on this thread for more information: SharePoint Header Site remove

Answer 4

Update, I added a 24 x 24 px transparent background and that did the trick. I figured out the size by inspecting the image in the global nav and checking it's size in the dev tools.