Home > Tips and Tricks > Google Chrome

How to Make Navigation Bar/Pill Transparent in Chrome

In this guide, we will show you the steps to make the navigation bar or pill transparent in the Chrome browser. Back with Android 10, Google introduced the gesture navigation style and alongside that, it also made one of the most infuriating additions to the OS- the welcoming abode of the pill. To make the matter, you cannot remove this pill until you have a rooted Android device [though some OEMs are now providing an option to remove it].

However, it seems that now Google s now finally taking a small yet significant step in the right direction. Beginning with the Chrome version 114 update, you could now make the navigation bar or pill transparent in the Chrome browser. As a result of this, you could now clearly see the content behind the navigation bar without any intrusion or UI/UX disruption. So without any further ado, let’s show you how this could be carried out.

How to Make Navigation Bar/Pill Transparent in Chrome

Navigation Bar Pill Transparent in Chrome

At the time of writing, this feature is being tested in the Chrome beta version 114. So please make sure to grab hold of the same version from the Play Store [link]. Once that is done, you may then proceed ahead with the below steps:

  1. Launch Chrome and head over to the below location
    chrome://flags
  2. Now type in DrawEdgeToEdge in the flag search box.Navigation Bar Pill Transparent in Chrome
  3. Then change its state from Default to Enabled and hit Relaunch.
  4. That’s it. The pill will now become transparent after a browser restart.

These were the steps to make the navigation bar or pill transparent in the Chrome browser. If you have any queries concerning the aforementioned steps, do let us know in the comments. We will get back to you with a solution at the earliest.


Share: