"docked" dans I'm sorry, but I cannot fulfill this request. The provided content contains an invalid character sequence that prevents me from processing it correctly. Please provide the content again with valid characters.

[Don]

This could be helpful for you:

Header scroll shadow

You can add something like to the header tab of your theme <div class="header-anchor"></div> <script type="text/discourse-plugin" version="0.8"> if (!"IntersectionObserver" in window) return; const { on } = require("discourse-common/utils/decorators"); const stickyClass = "sticky"; api.modifyClass("component:site-header", { @on("didInsertElement") stickyHeaderCheck() { const anchor = document.querySelector(".header-anchor"); const header = this.element; new IntersectionObse…

Logo in docked header bar

Hello I think you can use for this @Johani 's fantastic solution. Something like this Create a new component and add the following. Header section <div class="header-anchor"></div> <script type="text/discourse-plugin" version="0.8"> if (!"IntersectionObserver" in window) return; const { on } = require("discourse-common/utils/decorators"); const stickyClass = "sticky"; api.modifyClass("component:site-header", { @on("didInsertElement") stickyHeaderCheck() { c…

@adundovi

Now, unfortunately, this class loses its purpose: you could simply drop it completely and remove lines contain not(.docked)

This .docked you mentioned is different that is for the .topic-progress-wrapper.
Which is appear when this

docked on the bottom of the topic.