{"id":22457,"date":"2020-08-01T13:46:21","date_gmt":"2020-08-01T13:46:21","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=22457"},"modified":"2022-04-23T14:58:48","modified_gmt":"2022-04-23T14:58:48","slug":"top-panel-auto-hide-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2020\/08\/top-panel-auto-hide-ubuntu-20-04\/","title":{"rendered":"Enable Top Panel Auto-Hide in Ubuntu 20.04 [Ubuntu 22.04 Update]"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-34682\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Gnome&#8217;s top bar can auto-hide itself like the left dock panel does via a Gnome Shell extension.<\/p>\n<p>In Ubuntu 18.04, you can enable the feature by installing the gnome shell extension easily from Ubuntu Software. <\/p>\n<p>In Ubuntu 20.04, it&#8217;s still easy to install the <code>hide top bar<\/code> extension, though the <b>Software<\/b> utility does not longer handle the extension packages.<\/p>\n<p><b>For Ubuntu 22.04 user, please scroll down and see the update section.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/12\/autohide-toppanel.gif\" alt=\"\" width=\"600\" height=\"350\" class=\"aligncenter size-full wp-image-9658\" \/><\/p>\n<p><b>1.)<\/b> Press <b>Ctrl+Alt+T<\/b> on keyboard to open terminal. Then run the apt command to install the extension:<\/p>\n<pre style=\"border:none;\">sudo apt install gnome-shell-extension-autohidetopbar<\/pre>\n<p><i>Type user password (no asterisk feedback) for sudo prompt and hit Enter.<\/i><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/apt-autohidetopbar.png\" alt=\"\" width=\"560\" height=\"166\" class=\"aligncenter size-full wp-image-22515\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/apt-autohidetopbar.png 560w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/apt-autohidetopbar-450x133.png 450w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/p>\n<p><b>2.)<\/b> Once installed, <b>restart Gnome Shell<\/b> by pressing <b>Alt+F2<\/b> and type <b>r<\/b> in the pop-up &#8220;Run a Command&#8221; box and hit Enter.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/restart-gnome-450x228.jpg\" alt=\"\" width=\"450\" height=\"228\" class=\"aligncenter size-medium wp-image-10248\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/restart-gnome-450x228.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/restart-gnome.jpg 471w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/p>\n<p><b>3.)<\/b> Finally open either <b>Extensions<\/b> or <b>Gnome Tweaks<\/b> (<i>both available to install in Software<\/i>), and enable &#8220;Hide Top Bar&#8221; extension.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/hide-topbar-setting.png\" alt=\"\" width=\"600\" height=\"322\" class=\"aligncenter size-full wp-image-22547\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/hide-topbar-setting.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/hide-topbar-setting-450x242.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>That&#8217;s it. Enjoy!<\/p>\n<h3>Update for Ubuntu 22.04 LTS<\/h3>\n<p>The extension works for Ubuntu 22.04 with GNOME 42, though it&#8217;s not available in system repository anymore.<\/p>\n<p>Firstly, press <b>Ctrl+Alt+T<\/b> on keyboard to open terminal. When it opens, run the command below to install required packages first:<\/p>\n<pre>sudo apt install chrome-gnome-shell gnome-shell-extension-prefs<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-chrome-shell-600x403.webp\" alt=\"\" width=\"600\" height=\"403\" class=\"aligncenter size-large wp-image-39006\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-chrome-shell-600x403.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-chrome-shell-300x201.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-chrome-shell.webp 764w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Next, go to the link page below, <b>install browser extension if prompt<\/b> and turn on the slider icon to install the extension:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/545\/hide-top-bar\/\" target=\"_blank\" rel=\"noreferrer noopener\">Install Auto-Hide Topbar<\/a><\/div>\n<\/div>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar-600x376.webp\" alt=\"\" width=\"600\" height=\"376\" class=\"aligncenter size-large wp-image-39045\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar-600x376.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar-300x188.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar-768x481.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-hidetopbar.webp 1027w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><b>NOTE: The pre-installed Firefox (Snap) does not support installing Gnome Extensions! Use another browser or <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2022\/04\/install-firefox-deb-ubuntu-22-04\/\" rel=\"noopener\" target=\"_blank\">install Firefox as classic Deb<\/a>.<\/b><\/p>\n<p>It will work immediately after you installed it. To manage its behavior, search for and open &#8220;Extensions&#8221; app and click the related &#8220;Settings&#8221; button.<\/p>\n<div id=\"attachment_34243\" style=\"width: 592px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-34243\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app.jpg\" alt=\"\" width=\"582\" height=\"267\" class=\"size-full wp-image-34243\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app.jpg 582w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app-300x138.jpg 300w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><p id=\"caption-attachment-34243\" class=\"wp-caption-text\">App to Manage your extensions<\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>Gnome&#8217;s top bar can auto-hide itself like the left dock panel does via a Gnome Shell extension. In Ubuntu 18.04, you can enable the feature by installing the gnome shell extension easily from Ubuntu Software. In Ubuntu 20.04, it&#8217;s still easy to install the hide top bar extension, though the Software utility does not longer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,9],"tags":[1855],"class_list":["post-22457","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gnome-shell","category-howtos","tag-auto-hide-top-bar"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/22457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=22457"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/22457\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/34682"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=22457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=22457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=22457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}