Firefox 65: how to have tabs below the address bar?
With Firefox 65, how do I have tabs placed below the address (URL) bar and not above?
firefox
add a comment |
With Firefox 65, how do I have tabs placed below the address (URL) bar and not above?
firefox
add a comment |
With Firefox 65, how do I have tabs placed below the address (URL) bar and not above?
firefox
With Firefox 65, how do I have tabs placed below the address (URL) bar and not above?
firefox
firefox
asked 12 mins ago
DK BoseDK Bose
13.6k124084
13.6k124084
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Users of previous versions of Firefox have found that if they had tabs below the address bar, the upgrade to version 65 broke that: tabs appear above the address bar.
For Firefox 65 users who prefer to have tabs appear below the address bar, the procedure is described in Forum Response - Tabs below the URL bar
Firefox's style or appearance can be modified by creating a chrome folder inside your Firefox profile folder and then placing a userChrome.css file inside, that includes a custom style rule. The rules you put in the userChrome.css file will override the default styles in Firefox.
with this caution:
Custom style rules might not work every time because of other factors (such as incompatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.
On my system, this is the path to userChrome.css:
/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css
Both chrome and userChrome.css are case-sensitive.
The following lines needs to be placed in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
Save the file and restart Firefox.
Notes:
- If you already have content in your userChrome.css, the first line is probably already present and doesn't need to be repeated.
- You need to ensure that either the menu bar or the title bar or both are visible. If both are missing, the tabs on bottom will overlap and obscure your bookmarks bar and the minimize/restore/close buttons won't be displayed.
Firefox 65 with tabs below the address bar:
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "89"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1114898%2ffirefox-65-how-to-have-tabs-below-the-address-bar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Users of previous versions of Firefox have found that if they had tabs below the address bar, the upgrade to version 65 broke that: tabs appear above the address bar.
For Firefox 65 users who prefer to have tabs appear below the address bar, the procedure is described in Forum Response - Tabs below the URL bar
Firefox's style or appearance can be modified by creating a chrome folder inside your Firefox profile folder and then placing a userChrome.css file inside, that includes a custom style rule. The rules you put in the userChrome.css file will override the default styles in Firefox.
with this caution:
Custom style rules might not work every time because of other factors (such as incompatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.
On my system, this is the path to userChrome.css:
/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css
Both chrome and userChrome.css are case-sensitive.
The following lines needs to be placed in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
Save the file and restart Firefox.
Notes:
- If you already have content in your userChrome.css, the first line is probably already present and doesn't need to be repeated.
- You need to ensure that either the menu bar or the title bar or both are visible. If both are missing, the tabs on bottom will overlap and obscure your bookmarks bar and the minimize/restore/close buttons won't be displayed.
Firefox 65 with tabs below the address bar:
add a comment |
Users of previous versions of Firefox have found that if they had tabs below the address bar, the upgrade to version 65 broke that: tabs appear above the address bar.
For Firefox 65 users who prefer to have tabs appear below the address bar, the procedure is described in Forum Response - Tabs below the URL bar
Firefox's style or appearance can be modified by creating a chrome folder inside your Firefox profile folder and then placing a userChrome.css file inside, that includes a custom style rule. The rules you put in the userChrome.css file will override the default styles in Firefox.
with this caution:
Custom style rules might not work every time because of other factors (such as incompatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.
On my system, this is the path to userChrome.css:
/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css
Both chrome and userChrome.css are case-sensitive.
The following lines needs to be placed in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
Save the file and restart Firefox.
Notes:
- If you already have content in your userChrome.css, the first line is probably already present and doesn't need to be repeated.
- You need to ensure that either the menu bar or the title bar or both are visible. If both are missing, the tabs on bottom will overlap and obscure your bookmarks bar and the minimize/restore/close buttons won't be displayed.
Firefox 65 with tabs below the address bar:
add a comment |
Users of previous versions of Firefox have found that if they had tabs below the address bar, the upgrade to version 65 broke that: tabs appear above the address bar.
For Firefox 65 users who prefer to have tabs appear below the address bar, the procedure is described in Forum Response - Tabs below the URL bar
Firefox's style or appearance can be modified by creating a chrome folder inside your Firefox profile folder and then placing a userChrome.css file inside, that includes a custom style rule. The rules you put in the userChrome.css file will override the default styles in Firefox.
with this caution:
Custom style rules might not work every time because of other factors (such as incompatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.
On my system, this is the path to userChrome.css:
/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css
Both chrome and userChrome.css are case-sensitive.
The following lines needs to be placed in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
Save the file and restart Firefox.
Notes:
- If you already have content in your userChrome.css, the first line is probably already present and doesn't need to be repeated.
- You need to ensure that either the menu bar or the title bar or both are visible. If both are missing, the tabs on bottom will overlap and obscure your bookmarks bar and the minimize/restore/close buttons won't be displayed.
Firefox 65 with tabs below the address bar:
Users of previous versions of Firefox have found that if they had tabs below the address bar, the upgrade to version 65 broke that: tabs appear above the address bar.
For Firefox 65 users who prefer to have tabs appear below the address bar, the procedure is described in Forum Response - Tabs below the URL bar
Firefox's style or appearance can be modified by creating a chrome folder inside your Firefox profile folder and then placing a userChrome.css file inside, that includes a custom style rule. The rules you put in the userChrome.css file will override the default styles in Firefox.
with this caution:
Custom style rules might not work every time because of other factors (such as incompatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.
On my system, this is the path to userChrome.css:
/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css
Both chrome and userChrome.css are case-sensitive.
The following lines needs to be placed in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
Save the file and restart Firefox.
Notes:
- If you already have content in your userChrome.css, the first line is probably already present and doesn't need to be repeated.
- You need to ensure that either the menu bar or the title bar or both are visible. If both are missing, the tabs on bottom will overlap and obscure your bookmarks bar and the minimize/restore/close buttons won't be displayed.
Firefox 65 with tabs below the address bar:
answered 10 mins ago
DK BoseDK Bose
13.6k124084
13.6k124084
add a comment |
add a comment |
Thanks for contributing an answer to Ask Ubuntu!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1114898%2ffirefox-65-how-to-have-tabs-below-the-address-bar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown