---
title: "Customizing the Topbar"
source: "https://docs.nexcess.com/software/kadence/theme/customize-header-topbar/"
description: "From the customizer, open the Header tab and from there you can drag and drop elements into your topbar. You can customize the layout, height, and design of you…"
vertical: "Software"
area: "Kadence Theme"
date: "2020-11-06"
last_modified: "2026-07-02"
---

# Customizing the Topbar

From the customizer, open the Header tab and from there you can drag and drop elements into your topbar.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2020-06-25-at-10.54.56-PM-1024x95-1.png)You can customize the layout, height, and design of your topbar by clicking on the Settings icon beside the Top Row tab as shown here:

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2020-06-25-at-11.02.16-PM.png)

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2020-06-25-at-11.05.51-PM.png)

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2020-06-25-at-11.05.59-PM.png)

All of these settings can be individualized for tablet and mobile devices.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2020-06-26-at-6.42.29-AM.png)