Juul/wikipedia_disable_sticky_header.md

Created March 3, 2023 04:11

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/Juul/12447d8110806c5b35913ddf84e930a6.js"></script>
Save Juul/12447d8110806c5b35913ddf84e930a6 to your computer and use it in GitHub Desktop.

How to disable the sticky header when scrolling on new wikipedia layout (Vector 2022)

Raw

When logged in and scrolling down past a certain point, a sticky header annoyingly appears and takes up vertical screen real estate. Since all of those UI elements are available by scrolling up this seems like more of an annoyance than anything, especially for people using large font sizes on wide aspect ratio screens.

To disable, go to Preferences -> Appearance and click Custom CSS next to Vector (2022). Then save the following to the new page:

.client-js.vector-sticky-header-enabled .vector-sticky-header {
  display: none !important;
}