Firefox 131 has vertical tabs but you have to enable them with about:config
or a user.js file in your Firefox profile directory
i have all the user.js settings in this repository
along with css to remove the search your tabs button that appears above the url bar
Here's how to enable vertical tabs
Method 1 - about:config
open
search for sidebar
you will see the following 4 options
toggle sidebar.revamp to true
toggle sidebar.verticalTabs to true
sidebar.main.tools controls what appears in the sidebar
sidebar.visibility lets you set the initial visibility which by default is always
but you can change this in the sidebar settings
toggle sidebar.revamp and sidebar.verticalTabs to true
the changes are applied instantly
click the little gear icon at the bottom left of the sidebar
this opens the customization options for the sidebar
Method 2 - user.js
find the firefox profile directory
press alt,
in the help menu select "More Trouble shooting information"
and you will see your profile directory
create a file called user.js
you have to enable the sidebar and vertical tabs
above the url bar you will notice there is another bar with a + symbol for adding a new tab
we want to get rid of that bar because it takes up a lot of space and the sidebar has a new tab button in it
so right click next to the + symbol and select customize toolbar
and then drag the + symbol to the the main page with all the other icons
and the bar above the url bar will be removed as well for a much cleaner look
before
and after removing the bar above the url bar
or a user.js file in your Firefox profile directory
i have all the user.js settings in this repository
along with css to remove the search your tabs button that appears above the url bar
GitHub - NapoleonWils0n/firefox-css: firefox userContent.css
firefox userContent.css. Contribute to NapoleonWils0n/firefox-css development by creating an account on GitHub.
github.com
Here's how to enable vertical tabs
Method 1 - about:config
open
Code:
about:config
search for sidebar
you will see the following 4 options
toggle sidebar.revamp to true
Code:
sidebar.revamp
toggle sidebar.verticalTabs to true
Code:
sidebar.verticalTabs
sidebar.main.tools controls what appears in the sidebar
Code:
sidebar.main.tools
sidebar.visibility lets you set the initial visibility which by default is always
but you can change this in the sidebar settings
Code:
sidebar.visibility
toggle sidebar.revamp and sidebar.verticalTabs to true
the changes are applied instantly
click the little gear icon at the bottom left of the sidebar
this opens the customization options for the sidebar
Method 2 - user.js
find the firefox profile directory
press alt,
in the help menu select "More Trouble shooting information"
and you will see your profile directory
create a file called user.js
Code:
user.js
you have to enable the sidebar and vertical tabs
Code:
// sidebar
user_pref("sidebar.revamp", true);
// sidebar visibility
user_pref("sidebar.visibility", "hide-sidebar");
// sidebar tools
user_pref("sidebar.main.tools", "history");
// vertical tabs
user_pref("sidebar.verticalTabs", true);
above the url bar you will notice there is another bar with a + symbol for adding a new tab
we want to get rid of that bar because it takes up a lot of space and the sidebar has a new tab button in it
so right click next to the + symbol and select customize toolbar
and then drag the + symbol to the the main page with all the other icons
and the bar above the url bar will be removed as well for a much cleaner look
before
and after removing the bar above the url bar