1. Knowledge Base
  2. Ascend Theme
  3. Ascend CSS Snippets
  4. 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

Mobile Header in Desktop:

ascend-mobile-header-in-desktop-kadence-themes

Was this article helpful?

Related Articles