# Fixing the Position of the Topbar Across All Menu Pages in Node-RED Dashboard 2.0 While Scrolling

**URL:** <https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [23 August 2024 15:01 UTC](https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373 "2024-08-23T15:01:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![DhamodharanGopal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhamodharangopal/32/95512_2.png) [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Post date:** [23 August 2024 15:01 UTC](https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373/1 "2024-08-23T15:01:30Z")

</div>

- Hi everyone,

- I’m working on customizing the Node-RED Dashboard 2.0 and I’m trying to ensure that the topbar (navigation bar) remains fixed at the top of all pages.

- I would appreciate any guidance on how to achieve this.

- For example I attached the current dashboard page screenshot for reference,while scrolling the form and map can scroll but the top bar should remain sticky

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [23 August 2024 15:17 UTC](https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373/2 "2024-08-23T15:17:07Z")

</div>

> **[Config: UI Base ui-base | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/config/ui-base.html#title-bar-style-options)**
>
> Configure the base UI settings of Node-RED Dashboard 2.0 to tailor the dashboard environment to your needs.

Click "Edit Settings" in the Dashboard sidebar, and you'll see the option there

---

<div class="post-metadata">

**Author:** ![DhamodharanGopal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dhamodharangopal/32/95512_2.png) [@DhamodharanGopal](https://discourse.nodered.org/u/DhamodharanGopal)\
**Post date:** [23 August 2024 18:10 UTC](https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373/3 "2024-08-23T18:10:37Z")

</div>

Thanks a ton

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [6 September 2024 18:11 UTC](https://discourse.nodered.org/t/fixing-the-position-of-the-topbar-across-all-menu-pages-in-node-red-dashboard-2-0-while-scrolling/90373/4 "2024-09-06T18:11:00Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.