Uploaded February 2022 | Updated September 2026, 38 minutes ago

---

If you're looking for a way to make vertical Tabs in Firefox, it's pretty easy to do. I've got CSS code and links in the description to help with this and more.

Tree Style Tabs extension: addons.mozilla.org/en-US/firefox/addon/tree-style-tab

BBEdit: barebones.com/products/bbedit
NotePad++: notepad-plus-plus.org/downloads
Gedit: flathub.org/apps/details/org.gnome.gedit

about:config toolkit.legacyUserProfileCustomizations.stylesheets

Firefox file paths:
- Mac:
~/Library/Application Support/Firefox/Profiles/
- Windows: %appdata%\Mozilla\Firefox\Profiles\
- Linux: ~/.mozilla/firefox/

CSS Code:
For basic version
#tabbrowser-tabs {
visibility: collapse !important;
}

For more integrated Mac version:
#titlebar {
appearance: none !important;
height: 0px;
}

#titlebar (angle bracket that YT won't let me use) toolbar-menubar {
margin-top: 0px;
}

#TabsToolbar {
min-width: 0 !important;
min-height: 0 !important;
}

#TabsToolbar (angle bracket that YT won't let me use) .titlebar-buttonbox-container {
display: block;
position: absolute;
top: 12px;
left: 0px;
}

Source and for more resources: github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#hide-top-bar-and-move-close-minimize-restore-buttons-to-top-left-macos-big-sur-firefox-89

Website: easyosx.net
Twitter: twitter.com/easyosx
Facebook: facebook.com/EasyOSX-192509994146472
Instagram: instagram.com/EasyOSX

Blue Yeti Mic used: amzn.to/38UxiL8
Mic Windscreen and Pop filter: amzn.to/3trczGA

--If you click a link and purchase something through our articles, these may be affiliate links through which we earn a commission.  Commission on products do not affect editorial ability or direction, and we try to add affiliate links to items we either do or would recommend and use ourselves.  We do not take money or affiliate commissions from companies in exchange for reviewing their products.

#Firefox #VerticalTabs #TreeStyleTabs #mac #linux #windows #browser