---
title: Configure a header block
description: A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/content-management-system/t\_HeaderBlock.html
release: australia
product: Content Management System
classification: content-management-system
topic_type: task
last_updated: "2026-03-12"
reading_time_minutes: 3
breadcrumb: [Types of content blocks, Content blocks, Configure Content Management sites, Content Management System, Configure UIs and portals, Configure user experiences]
---

# Configure a header block

A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality.

## Before you begin

Role required: content\_admin or admin

## About this task

Some of the options that are available in headers include, global search, text size toggle, menus for navigational purposes, and the user name with logout link.

## Procedure

1.  Navigate to **All** > **Content Management** > **Blocks** > **Headers**.

2.  Click **New**.

3.  Complete the form.

<table id="table_oql_513_fr"><thead><tr><th>

Field

</th><th>

Description

</th></tr></thead><tbody><tr><td>

Name

</td><td>

Type a unique name for the header block.

</td></tr><tr><td>

Background

</td><td>

Select a background for the header logo and menus.-   **None** - No background is rendered.
-   **Gradient/Image** - Specify an image or gradient image to serve as the background.
-   **Colored Bars** - Specify colors for three different sections of the header, top, middle, and bottom.


</td></tr><tr><td>

Image

</td><td>

If **Background** is **Gradient/Image**, upload an image for the header block background. For gradients, upload a gradient image.

</td></tr><tr><td>

Top bar color

</td><td>

If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the top menu.

</td></tr><tr><td>

Middle bar color

</td><td>

If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the logo and text.

</td></tr><tr><td>

Bottom bar color

</td><td>

If **Background** is **Colored Bars**, enter a CSS color or color name to use as the background for the bottom menu.

</td></tr><tr><td>

Logo

</td><td>

Select a logo image. The image is also a link to the main page.

</td></tr><tr><td>

Active

</td><td>

Select this check box to make the block available for use.

</td></tr><tr><td>

Text

</td><td>

Type the text to display beside the logo.

</td></tr><tr><td>

Conditional

</td><td>

Select the check box and type any scripted conditions to apply in the **Condition** script field that appears.

</td></tr><tr><td>

Category

</td><td>

Select a category to provide organization for the header block. The category also determines the detail page in which header block links open. Detail pages often display information in different ways.

</td></tr><tr><td>

Top Menu

</td><td>

Select a navigational menu block to use as a menu above the logo.

</td></tr><tr><td>

Bottom Menu

</td><td>

Select a navigational menu block to use as a menu below the logo.

</td></tr><tr><td>

Height

</td><td>

Specify the height for the header.

</td></tr><tr><td>

Search

</td><td>

Select this check box to add a search element in the header.

</td></tr><tr><td>

Font sizer

</td><td>

Select this check box to include text sizing controls in the header.

</td></tr><tr><td>

Login

</td><td>

Select this check box to include a login link in the header. If the user is logged in, this element displays the user name and a logout link. If you specify a login page on the site record, it is important to include a login link so users can enter their username and password.

</td></tr><tr><td>

Chat Queue

</td><td>

Select the chat queue that users access by clicking the **Help Desk Chat** button in the header. Clear the field to remove the button. This field appears only if the Chat plugin is active.

</td></tr></tbody>
</table>
**Parent Topic:**[Types of content blocks](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/content-management-system/r_TypesOfContentBlocks.md)

**Related topics**  


[Create a navigation menu block]()

[Configure dynamic blocks]()

[Customize the list block]()

[Configure a static HTML block]()

[Configure Flash movie blocks]()

[Configure content links]()

[Configure iFrames]()

[Configure a detailed content block]()

[Configure a content block](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/content-management-system/t_CreateAContentBlock.md)