Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to: Auto-Hide URL

  • 7 replies
  • 0 have this problem
  • 7 views
  • Last reply by cor-el

more options

Greetings!

If this is actually a thing, I would like to know how to make it happen. If it is not a thing, this a suggestion that would be amazing to implement into the web-browser!

On my phone, when you scroll, it automatically hides the address bar and everything on it, to go 'full-screen'. I want this on my laptop. How can I make it, that when I scroll, or even just sit on a webpage for a moment, the URL bar will smoothly transition into being 'hidden'?

I want to be clear: I do NOT want to use the fullscreen, CTRL + F11 function, because then my Windows task bar is not accessible. Right now I have my taskbar hidden, which is fantastic because it gives my laptop screen a bigger feel. And if FireFox's URL could do the same... that would be beautiful.

Greetings! If this is actually a thing, I would like to know how to make it happen. If it is not a thing, this a suggestion that would be amazing to implement into the web-browser! On my phone, when you scroll, it automatically hides the address bar and everything on it, to go 'full-screen'. I want this on my laptop. How can I make it, that when I scroll, or even just sit on a webpage for a moment, the URL bar will smoothly transition into being 'hidden'? I want to be clear: I do NOT want to use the fullscreen, CTRL + F11 function, because then my Windows task bar is not accessible. Right now I have my taskbar hidden, which is fantastic because it gives my laptop screen a bigger feel. And if FireFox's URL could do the same... that would be beautiful.

All Replies (7)

more options

After a learning curve, and a trip down userChrome.css editing... I have arrived at:

#navigator-toolbox {
  max-height: 2px;
  overflow: hidden;
  transition: ease all 2s;
}

#navigator-toolbox:hover {
  max-height: 100vh;
  animation: 0s pop-in;
  animation-fill-mode: both;
  animation-delay: 2s;
}

@keyframes pop-in {
  from {overflow: hidden}
  to {overflow: unset}
}

You can mess with the transition speed and pixel height for your own preferences.

Thank you to Wesley Branton

Modified by MrNonAstute

more options

Mozilla set up a new site for product idea submissions, if you want to pitch this one:

https://connect.mozilla.org/t5/ideas/idb-p/ideas

more options

Dropa, exactly... I couldn't find a way to do what I wanted 'officially'. This is a bandaid, temporary fix, that also demonstrates the exact thing I was looking for

more options

If you want to hide the menu bar you could also simply press F11 on your keyboard. If this was not the answer to your question, I would ask you to correct me.

more options

This does not answer my question :) I am trying to do this withOUT using the 'Fullscreen' ability.

more options

MrNonAstute said

This does not answer my question :) I am trying to do this withOUT using the 'Fullscreen' ability.

We are very sorry that we could not help you, SupportGB is based on videos, answers and questions from the Internet and is not personal to the question to cut, nevertheless, it often agrees. We would be pleased if you could describe your question in detail so that we can answer you individually.

more options

For reference: