Others

How to Increase or Remove the SharePoint 2019 Thumbnail Logo Box

Khadija Khan Oct 22, 2026 869 views

Question details

The user needs to increase the size of or completely remove the thumbnail logo box displayed on a modern SharePoint 2019 on-premises site.

Product: SharePoint 2019 (On-Premises)
Device & OS: not provided
Scenario: Customizing the layout and branding of a modern SharePoint site to meet specific organizational design requirements.
Observed behavior: A thumbnail or logo box is currently displayed at a default size that is either too small or entirely unwanted on the page layout.

Before you start

Ensure you have Site Owner or Site Collection Administrator permissions, and verify whether your organizational policies allow custom CSS injection or custom SharePoint Framework (SPFx) extensions on modern pages.

Solution 1Recommended

Modify Modern Web Parts via CSS and Custom SPFx

Modern SharePoint pages restrict direct DOM manipulation, requiring specialized approaches like the SharePoint Framework (SPFx) Application Customizer to inject CSS styles to alter the logo box.

Unlike classic SharePoint sites, modern SharePoint 2019 pages do not support Script Editor web parts out of the box. To resize or hide the site logo thumbnail, administrators must deploy custom solutions using CSS overrrides.

Applying these custom styles requires injecting them through a custom SharePoint Framework application to ensure they render correctly and consistently.

Identify CSS classes

Open your SharePoint modern site in a browser, press F12 to open Developer Tools, and use the element inspector to find the specific CSS class name of the thumbnail logo box.

Create an SPFx extension

Create or deploy an SPFx Application Customizer designed to inject custom cascading style sheets (CSS) globally onto your modern SharePoint 2019 pages.

Hide or resize the logo box

To hide the logo entirely, apply a 'display: none !important;' rule to the targeted CSS class. To enlarge it, adjust the 'width', 'height', and 'max-width' properties to your desired custom dimensions.

Modify Modern Web Parts via CSS and Custom SPFx

Support Resources: For detailed guidance on resizing elements like homepage banner images and logos, consult the SharePoint StackExchange community.

Solution 2

Consult the Official SharePoint Server Admin Forum

Because on-premises environment configurations vary significantly, specialized assistance from Microsoft's Q&A forums is highly recommended for troubleshooting.

Free Microsoft Office alternative

Discover WPS Office for Seamless Document Management

While SharePoint serves as your organizational intranet, creating and editing the documents stored within it requires a robust, compatible office suite. WPS Office is a lightweight, free alternative to Microsoft Office that handles Word, Excel, and PowerPoint files seamlessly.

Fully compatible with Microsoft Office formats (.docx, .xlsx, .pptx) commonly stored and shared in SharePoint environments.Lightweight installation package that loads quickly on any desktop or mobile device without system bloat.Familiar, intuitive tabbed user interface ensuring a zero learning curve for new users.Built-in PDF editing, splitting, and format conversion tools to enhance daily workplace productivity.

Frequently Asked Questions

Can I use the classic Script Editor web part on modern SharePoint 2019 pages to hide the logo?

By default, modern pages do not support the classic Script Editor. You must use a modern SharePoint Framework (SPFx) equivalent, such as the open-source React Script Editor web part, to safely embed custom CSS or scripts.

Why can't I change the logo size directly in the 'Change the look' settings?

The out-of-the-box 'Change the look' panel in SharePoint 2019 modern sites only allows you to upload a new logo file; it deliberately restricts manual resizing to maintain responsive design integrity across different devices and screen sizes.

Will hiding the SharePoint logo using CSS affect the mobile layout?

Yes. Because modern SharePoint sites are responsive, applying custom CSS to hide or resize the logo box will cascade to mobile views unless your CSS overrides are wrapped in appropriate media queries targeting specific screen widths.

Office Quick Solutions