---
title: "Ascend – Always Show Mobile Header"
source: "https://docs.nexcess.com/software/kadence/ascend-always-show-mobile-header/"
description: "To force your mobile header to show in desktop view, add this CSS to Theme Options> Custom CSS: .kt-header-position-above, .second-nav-container { display: bloc…"
vertical: "Software"
area: "Kadence"
date: "2021-08-17"
last_modified: "2026-07-06"
---

# Ascend – Always Show Mobile Header

To force your mobile header to show in desktop view, add this CSS to Theme Options> Custom CSS:

```
.kt-header-position-above, .second-nav-container {
display: block;
}

#kad-mobile-banner {
display: block;
height: auto;
}

header#kad-header-menu {
display: none;
}
```

This CSS may cause issues with certain header configurations.

#### Default Desktop Header:

[![ascend-default-site-header-kadence-themes](https://docs.nexcess.com/wp-content/uploads/2026/07/AscendHeaderDefault-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/AscendHeaderDefault-min.jpeg)

#### Mobile Header in Desktop:

[![ascend-mobile-header-in-desktop-kadence-themes](https://docs.nexcess.com/wp-content/uploads/2026/07/Ascendmobileheader-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/Ascendmobileheader-min.jpeg)