Can i make a header that stays up and does not scroll.

[lofty frost]

I have kde widgets to show ha panels on my desktop.

One of them shows news. With a header to switch to other panels for other news.

Is it possible to keep the header shown and now scroll out of view?

[dawn kestrel]

Can you post the beginning part of your code, particularly the part for the header?

I'm thinking card_mod. Something like

card_mod:
  style: |
    ha-card {
      position: sticky
    }

The syntax might be off. I'm just pulling this off the to of my head.

Maybe this one might work.

card_mod:
  style: |
    :host {
      position: fixed;
      top: 0%;
      right: 0%;
      z-index: 99;
    }

[lofty frost]

Where do i need to add that code.

[lofty frost]

thanks. that works. just pass it in the dashboard yaml

[open vine]

there have been people reporting issues with the sticky, so please can you tell us which of the 2 suggestions made it work for you?

btw, you can also and easily create a scrollable card where you keep the top header and have the rest of the card scroll under that

even in a fold if you want

[lofty frost]

Well it works for my kde widget. In ha panel the header is in the top right corner of the ha dashboard