# White Band underneath Sticky Header

**URL:** <https://community.evolveauthoring.com/t/white-band-underneath-sticky-header/3787>\
**Category:** General Help\
**Created:** [August 11, 2025, 11:55am UTC](https://community.evolveauthoring.com/t/white-band-underneath-sticky-header/3787 "2025-08-11T11:55:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Melissa](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/melissa/32/2350_2.png) [@Melissa](https://community.evolveauthoring.com/u/Melissa)\
**Post date:** [August 11, 2025, 11:55am UTC](https://community.evolveauthoring.com/t/white-band-underneath-sticky-header/3787/1 "2025-08-11T11:55:25Z")

</div>

Hi,

There is a white band that appears underneath the sticky header when the page is viewed at 320 pixels on desktop.

We use 2 themes for our courses. From this, I gather that the white band is for Extension icons. In theme 1, we have no Extension icons enabled, yet the white band still appears. In theme 2, we have the Resources Extension enabled, which appears within that white band when zoomed in.

Is it possible to remove the white band where we have no Extension icons enabled?

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/8/8c00c2f6c926f1005a772a058d201eb2dfa759ae.png)

Where we _do_ have Extension icons enabled, is it possible to combine the two sticky headers?

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/9/9daf5f9e3a768df861b6571f2f4f676c2b84f38c.png)

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [August 11, 2025, 3:27pm UTC](https://community.evolveauthoring.com/t/white-band-underneath-sticky-header/3787/2 "2025-08-11T15:27:17Z")

</div>

Hi there,

320 wide will be displaying Mobile based theming, even on a desktop.

In the first image, you are seeing the Sidebar, which contains all extension based icons, stacked below the top navigation bar, which is what happens in Mobile view. If you want to remove this second bar, you need to Hide the Side Navigation in the theme for that course.

To remove the sidebar where you DO have extension icons that you need to have on display, use this option, which will place them in a Hamburger menu for you in the top bar instead, and remove the sidebar:

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/0/0efc92061d3d094f1155d139a83bc643845fe313.png)
