# Customize your homepage header

_By Sathi Banerjee  · Mar 18, 2026_

Your homepage header is the first thing visitors see. FeatureOS lets you personalize it with your logo, navigation links, a banner image, and custom fonts. This guide walks you through every setting available, step by step.

To get started, head to Dashboard → **Organization Settings → Appearance → Customization**.

### Before you begin: Enable the custom header

At the top of the Customization page, you'll find a **Show Custom Header** toggle. This is the master switch for everything on this page, **none of your customizations will be visible to visitors unless this is turned on.**

![](https://vault.featureos.app/uploads/attachment/upload/00d3ad25346b6adc32b25d5f9a216edd.png)

**Note :** It's a good idea to configure all your settings first, then flip this toggle on when everything looks the way you want. That way, visitors only see your header once it's fully ready.

### Add Logo

Your logo is the most recognizable part of your header. Under the **Custom Logo** section, click **Upload Image** to add your brand logo. To get the best result, it is recommended to use se a PNG file with a transparent background so it sits cleanly against any header color.

### Set Logo Link

Once your logo is uploaded, you can make it clickable. In the **Logo Link** field, enter the URL you want visitors to land on when they click your logo, this is typically your main website. Enter the URL and click **Set** to save it.

### Add Custom Links

Navigation links appear in your header and help visitors find their way around your portal. You can add as many links as you need and organize them with sublinks for a cleaner, grouped structure.

To add a link, you will have to follow the given steps :

1.  Under **Custom Links**, enter a **Title**, this is the label visitors will see in the header
    
2.  Enter the destination **URL** in the Link field
    
3.  Click the **+** button to confirm the entry
    
4.  Repeat for any additional links
    
5.  Click **Save** when you're done
    

![](https://vault.featureos.app/uploads/attachment/upload/62933ddca2e7a633e7493297e66ae111.png)

### **Adding sublinks -**

Sublinks sit underneath a parent link and appear as a dropdown when a visitor hovers over or clicks that link. This is useful when you want to group related pages under a single header item for example, a "Resources" link with sublinks for Documentation, FAQs, and Blog.

To add a sublink, click **\+ Add Sublink** beneath the parent link and fill in the title and URL. You can add multiple sublinks under the same parent link. Click **Save** once you've finished setting up your links.

![](https://vault.featureos.app/uploads/attachment/upload/eada2016f639c2c5252c6fe806ee4d0e.png)

### Add Banner Image

The banner is a full-width visual section that sits prominently on your homepage, below the header navigation. It's a great place to reinforce your brand or highlight a key message to visitors.

Under **Banner Image**, click **Upload Image** to set your banner. For the best visual result, use a wide, high-resolution image that works well as a background.

### **Customize Banner Title and Subtitle**

If your banner has text displayed over it, such as a title or subtitle, along withe ability to choose colour for each, to make sure it's legible against your image. You also have the ability to change it for Boards, Roadmap and Changelog.

### Add Custom Font

If your brand uses a specific typeface, you can apply a Google Font to your homepage header so it stays consistent with the rest of your brand experience.

**Step 1 - Register your font**

1.  Go to [fonts.google.com](http://fonts.google.com) and browse for a font that matches your brand
    
2.  Once you've found one, click on “Get Font”  
    
    ![](https://vault.featureos.app/uploads/attachment/upload/813bc9fffbecc39517cd44c9f35a308b.png)
    
3.  **Click on the option to get embed code** on the font's page  
    
    ![](https://vault.featureos.app/uploads/attachment/upload/c1613e22d2b06421264456721e63e9a4.png)
    
4.  You'll see an HTML snippet where **copy only the** `<link>` **tag**, not the full block of code  
    
    ![](https://vault.featureos.app/uploads/attachment/upload/7917e1a1f7c5b3fe9a1239aa5e7a4937.png)
    
5.  Head back to FeatureOS and scroll to the bottom of the Customization page
    
6.  Click **Add Font** and paste the link into the field
    

**Step 2 - Apply the font using CSS**

Once registered, you need to tell your portal where to use it. Go to **Organization Settings → Enterprise → CSS Customization** and add a rule like this:

```
.fos-user-side-header {
  font-family: 'Your Font Name', sans-serif;
}
```

Replace `'Your Font Name'` with the exact name of the font you chose, for example, `'Inter'` or `'Poppins'`.

If you want the font applied across your entire portal and not just the header, use `body` as the selector instead:

```
body {
  font-family: 'Your Font Name', sans-serif;
}
```

Your chosen font will now be applied to your homepage header. If you want to use the font across specific elements beyond the default, you can pair this with CSS Customization, see the [Customize your homepage header with CSS](#) guide for more on that.

**Note : This feature is exclusively available for Business plan.**

### **Need more help?**

Reach out to our support at [support@featureos.app](mailto:support@featureos.app) or submit a request [on our support board](https://feedback.featureos.app/b/Support)! 😃

[View this article on the web](https://help.featureos.app/en/articles/customize-your-homepage-header)