33

When in non-full-screen mode, Safari lets me use the ⌘+| shortcut or View > Hide Toolbar to hide the URL and search bar, etc. However, when I'm in Full Screen mode, this option is greyed out. Is there any way I can hide it without exiting Full Screen?

Improve this question

3 Answers 3

Reset to default
43

In Safari 10.0.1 on macOS Sierra it is quite simple - you have to uncheck View > Always Show Toolbar in Full Screen to hide the toolbar.

**View** > **Always Show Toolbar in Full Screen**

Improve this answer
3
  • 3
    This should be the top-voted answer.
    – Sridhar Ratnakumar
    Sep 30, 2017 at 19:04
  • 2
    Note that you might have to go into Full Screen mode before you can uncheck it
    – nachocab
    Apr 6, 2019 at 8:43
  • 1
    I feel like an idiot that I had to Google this and didn't just find it in the menus.
    – stef
    Feb 18, 2021 at 2:56
10

Enter full screen mode, right-click anywhere around the address bar then click "Hide Toolbar" in the menu that appears.

enter image description here

Although next time you enter full screen mode the toolbar comes back.

Improve this answer
4
  • 3
    Be careful, because once you do this, the only way to get the bar back is to exit and then enter full screen mode again.
    – Sam Spencer
    Apr 19, 2012 at 22:24
  • 1
    no, you can click view/customize toolbar... to restore it
    – dmitry
    Apr 8, 2013 at 11:06
  • 8
    This doesn't seem to work in Mavericks.
    – Brigham
    Dec 16, 2013 at 20:37
  • Checkout my solution below. It'll work with Mavericks.
    – rgtk
    Feb 2, 2014 at 2:02
9

Open console (⌥⌘C or Develop > Show Error Console), paste this code:

(function() {
  var el = document.createElement('div'),
      docEl = document.documentElement;

  el.innerText = 'Go to fullscreen view';
  el.setAttribute('style', 'position: fixed; top: 10%; left: 10%; padding: 30%; background: #000; color: #fff; opacity: .7; cursor: pointer;')
  document.body.appendChild(el)

  el.onclick = function() {
    if (docEl.requestFullscreen) {
      docEl.requestFullscreen();
    } else if (docEl.mozRequestFullScreen) {
      docEl.mozRequestFullScreen();
    } else if (docEl.webkitRequestFullscreen) {
      docEl.webkitRequestFullscreen();
    }
    document.body.removeChild(el);
  };
})();

and click the black box.

You need to activate Developer-Tools for this solution. To enable Developer-Tools, go to Advanced, click "Show Develop menu in menu bar" at the bottom of the window.

Improve this answer
4
  • i wonder if this could be made into a bookmarklet
    – John Bachir
    Aug 19, 2014 at 7:56
  • javascript:document.documentElement.webkitRequestFullScreen()
    – Peater de Xel
    Jul 20, 2015 at 9:36
  • @ralfix, your solution won't work since Webkit-based browser require function like this triggered by user action (via click event for example).
    – rgtk
    Jul 20, 2015 at 10:11
  • @rgtos: It actually works fine for me, using Safari 8.0.8.
    – Peater de Xel
    Aug 17, 2015 at 20:43

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .