How can we help you today?

How to Modify Modern Hub Site Logo Size

This article will show you how to resize the logo in the Hub navigation of the Modern Hub Site using the Custom CSS feature of ShortPoint Theme Builder.

Before adding custom CSSAfter adding custom CSS

If you would like to apply this solution, please follow the steps in this support article.


Before we begin

  • Make sure ShortPoint is installed on your SharePoint site(s). We recommend always having the latest version. Visit our Download ShortPoint page and get the latest version of ShortPoint.
  • You are a ShortPoint user with an active license.

Step 1. Prepare the Custom CSS solution

Please copy the following code, keeping in mind that the value in pixels indicates the actual height of the logo. For the purpose of this article, we have used 55px. Feel free to indicate the pixel value that's perfect for you.

.ms-HubNav-logo {
height: 55px

Copy it and proceed to step 2.

Step 2. Navigate to Custom CSS from the ShortPoint Theme Builder

Open the ShortPoint Theme Builder (Site contents / Site settings > ShortPoint Dashboard > Theme Builder).  

In the Theme Builder menu, navigate to Utilities.

Theme Builder > Utilities

And then select Custom CSS.

Theme Builder > Utilities > Custom CSS


Step 3. Apply Custom CSS

Paste the copied CSS code from step 1 to the Custom CSS field:

Code pasted in customer CSS box

Now click Apply (1) and then Publish (2) to save your changes:

Pasted custom CSS code


That's it! Your Hub Site Logo will now have your preferred size on the site pages.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 11 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more