Skip to content

Make YouTube header stay at the top of the page by rovanion

Screenshot of Make YouTube header stay at the top of the page

Details

Authorrovanion

LicenseAGPL

Categoryyoutube

Created

Updated

Size645 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Make the header on youtube.com stay at the top of the page instead of following acting as an overlay as the user scrolls down the page.

Notes

Hard to illustrate, but in the screenshot the search bar and Youtube logo are not visible at the top of the window even though the page is slightly scrolled down.

Source code

/* ==UserStyle==
@name           Make YouTube header stay at the top of the page
@namespace      youtube.com
@version        1.0.0
@description    Make the header on youtube.com stay at the top of the page instead of following acting as an overlay as the user scrolls down the page.
@author         Rovanion
==/UserStyle== */
@-moz-document domain("youtube.com") {
    #masthead-container.ytd-app,
    #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
        position: static;
    }

    body.no-scroll #masthead-container.ytd-app {
        position: fixed;
    }

    #page-manager.ytd-app {
        margin-top: 0;
    }
}

Reviews

No reviews yet.