Skip to content

Instantly share code, notes, and snippets.

@Juul

Juul/wikipedia_disable_sticky_header.md

Created March 3, 2023 04:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Juul/12447d8110806c5b35913ddf84e930a6 to your computer and use it in GitHub Desktop.
Save Juul/12447d8110806c5b35913ddf84e930a6 to your computer and use it in GitHub Desktop.
Download ZIP
How to disable the sticky header when scrolling on new wikipedia layout (Vector 2022)
Raw
wikipedia_disable_sticky_header.md

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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment