# רכיב ערכת הנושא של תפריטי המשנה בכותרת דוחף את החלק התחתון של סרגל הצד מחוץ למסך

**URL:** https://meta.discourse.org/t/header-submenus-theme-component-pushes-bottom-of-sidebar-out-of-the-screen/255496
**Category:** UX
**Created:** [17 בפברואר,‏ 2023,‏ 3:55pm UTC](https://meta.discourse.org/t/header-submenus-theme-component-pushes-bottom-of-sidebar-out-of-the-screen/255496 "2023-02-17T15:55:53Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [17 במאי,‏ 2023,‏ 9:39pm UTC](https://meta.discourse.org/t/header-submenus-theme-component-pushes-bottom-of-sidebar-out-of-the-screen/255496/4 "2023-05-17T21:39:43Z")

</div>

> [@awesomerobot](#):
>
> One solution that comes to mind for improving the case of the non-sticky header is to:
> 
> 1. Check the height of the custom header
> 2. Include the custom header height in `--header-offset`
> 3. De-increment the custom header height used in the `--header-offset` calculation based on scroll position. This will more gradually adjust the sidebar height in a way that the `.docked` class can not.

This has been implemented here (big thanks to @david):

[https://github.com/discourse/discourse/pull/21059](https://github.com/discourse/discourse/pull/21059)

This should solve sidebar, chat and some other issues with custom header content.

---

_[View the full topic](https://meta.discourse.org/t/header-submenus-theme-component-pushes-bottom-of-sidebar-out-of-the-screen/255496)._