Skip to content

CSS: Consider replacing position: sticky in .navbar--fixed-top #133

Open
@xry111

Description

The problem with position:sticky is if using "#label" in URL to jump to a label, the actual position of the label will be covered up by the top bar.

FWIW: I found this issue when debugging a similar issue in LFS and BLFS books. We plan to do this change in our CSS for LFS and BLFS, maybe you can use it as a reference:

 div.navheader {
   border-bottom: 1px solid #dbddec;
-   position: sticky;
-   top: 0;
+  position: fixed;
+  top: 0;
+  left:0;
+  right:0;
+  bottom:auto;
+  height:7.3em
 }

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions