Sticky top bar

"Cloutier, Philippe (DGARI-Consultant)" <Philippe.Cloutier.externe-3LJ5X92lM5eafr9EPe0ZzS/[email protected]>
Newsgroups gmane.comp.cms.tiki.user
Message-ID <F2DE8896807BF045932776107E2E783D3512B777@CT20SEXCHP02.FONCIERQC.INTRA>
Hi,
Our sites use a top module bar which sticks in the viewport even when the reader scrolls down. It is similar to what can be seen on tiki.org. Our site uses a custom theme with a hack to implement this sticky bar. We have issues in some places with the sticky bar hiding content.

First, how does tiki.org implement its sticky bar?

I see that when one clicks a link in the floating table of contents on https://dev.tiki.org/Overview the title of the clicked section is fully visible. I can see CSS related to that in the main document:
/* Prevent target anchors from being covered by fixed top navbar */
h1:target:before,
h2:target:before,
h3:target:before,
h4:target:before,
h5:target:before {
  content:"";
  display:block;
  height:72px; /* fixed header height*/
  margin:-72px 0 0; /* negative fixed header height */
}

Is this code specific to dev.tiki.org?
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.