Wenn man das sogenannte Hamburger Menü über den Button rechts mit den 3 waagerechten Strichen öffnet, dann öffnet sich dieses und verdeckt den Inhalt der Seite bis ganz nach unten. Wen das stört, der kann das mit einem CSS Code ändern, und eine zusätzliche Scrollbar in das Hamburger Menü einfügen.

So sieht das standardmäßig aus:

standard 1

Die rechte Seite wird durch das Popup komplett verdeckt.

Firefox 84 – Scrollbar im Hamburger Menü

userChrome Dateien wieder nutzen

Und hier nun die Erklärung, wie man das mit dem CSS – Code dann machen muss.



Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen dort den selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Scrollbar im Hamburger Menü*/

#appMenu-popup {

max-height: 230px !important;

overflow-y: auto !important;

}

(Dazu am besten den Text kopieren, und in die userChrome.css wieder einfügen)

Und so sieht der Code dann in der userChrome.css Datei aus:

css 1

Der Wert kann beliebig verändert bzw. angepasst werden.

18,15 EUR
AVM FRITZ!DECT 210 (Intelligente Steckdose für Smart Home,...
  • Intelligente Steckdose für Smart Home, schaltet automatisch oder manuell die Stromzufuhr angeschlossener Geräte (bis 3. 450 Watt)

Bei dem obigen Amazon Link handelt es sich um einen Affiliate Link.

 

Firefox 84 – Scrollbar im Hamburger Menü

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit der neuen Scrollbar aus:

mit scrollbar

Das Popup verdeckt jetzt nicht mehr die Ansicht der Seite bis ganz nach unten.

 

Share.