Creating a Sticky Section on Specific Page in Obsidian Publish

Help
1

Hi all,

Using Obsidian Publish, on one specific page; I trying to implement a top portion of your content (like a heading and introductory paragraph) to stay visible at the top of the browser window as the user scrolls down the page, while the rest of the content scrolls normally.

My Obsidian Publish site uses the stacked pages design.

What I’m trying to do:

Goal: On one specific page, I want the top portion of the page (title and introduction paragraph) to remain fixed at the top of the browser window while users scroll down to read the rest of the content.

Things I have tried:

  • Adding various CSS rules to my publish.css file targeting that specific page
  • JavaScript approaches in a publish.js file

Is it possible? I’m open to any ideas or alternative approaches.

I really appreciate your help, thank you