Tampermonkey Hide Header

New! 2025 Reduces TamperMonkey header so there is more script Editor work space.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Tampermonkey Hide Header
// @namespace    https://bowhip.org | https://gist.github.com/qp5
// @version      1.0
// @description  New! 2025 Reduces TamperMonkey header so there is more script Editor work space. 
// @match        chrome-extension://dhdgffkkebhmkfjojejmpbldmpobfkfo/*
// @grant        none
// ==/UserScript==


// This script reduces Tampermonkey header so there is more space to edit scripts. Hides the large top header.
//KW: increase height of editor, improve scripting interface, UI style, editor veiw, editor layout height, editor size,

// jAdkins - bowHip.org/foster ||  github.com/qp5/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
STEPS 一 Hide Tampermonkey script editor header:

  1 ● Open Tampermonkey "Dashboard"
  2 ● Select ⚙️Settings tab (top-right)
  3 ● Then change: Config Mode → "Advanced"
  4 ● Appearance  Layout: Custom CSS:
  5 ● Finally: Paste the CSS below into the Custom CSS:
        ● Note: Select "Save" under the CSS textbox 一 that's it!


//  Copy past this CSS code:

// ■ Hides Header
.head_container {
  display: none !important;
}
.tv_container_fit {
  top: 0 !important;
}

.tab_container {
  display: none !important;
}


// ■ Hides Title Header

.head_logo {
  display: none !important;
}

.script_tab_head {
  display: none !important;
}

*/