ipython notebook: how to toggle header invisible by default

Question

I want to save some space for my 14 inch screen. What should I write in e.g. ipython_notebook_config.py to trigger this?

Answer 1

1. If it doesn't already exist, create a file named custom.js in /Users/YOURUSERNAME/.ipython/profile_default/static/custom/
   (You may have to run ipython profile create, if you have never run this command.)

2. In custom.js, put the following lines of JavaScript

   $([IPython.events]).on("app_initialized.NotebookApp", function () {
       $('div#header').hide();
   });
   

3. If you would like to also hide the toolbar by default, use these lines of JavaScript instead

   $([IPython.events]).on("app_initialized.NotebookApp", function () {
       $('div#header').hide();
       $('div#maintoolbar').hide();
   });