How can I hide top bar in Gnome 3.28 Ubuntu 18.04?

How can the hide-top-bar extension be installed?


First open the terminal and install chrome-gnome-shell package:

sudo apt install chrome-gnome-shell

Then install one of these extensions:

  • GNOME Shell integration for Chrome

  • GNOME Shell integration for Firefox

  • GNOME Shell integration for Opera

Finally, head over to the GNOME Extensions page for the "Hide Top Bar" extension and enable the ON/OFF switch for the extension to install.


For reference, install gnome-tweaks and run:

sudo apt install gnome-shell-extension-autohidetopbar

Then log out and back in. The option to auto hide the top bar will be available from gnome-tweaks tool in the extensions section.


The simplest and working way I found is to install the Dash-to-Panel GNOME extension. Works like a charm.

Dash to Panel Extension

You can toggle it from the browser itself.


I was having the same problem about removing top bar. What I do is hack into the theme css, and edit it in place.

Edit /usr/share/gnome-shell/theme/ubuntu.css, add to the bottom

#panel, #panel * { 
    height: 0px; 
    color: rgba(0,0,0,0); 
} 

The top bar is there, but won't be visible and can't interact with user.