How to remove navigation bar

[Diego Lopez]

The new Trello update introduced a persistent navigation bar at the bottom of the page, with options for Inbox, Planner, and Board Switcher. How can I remove this navigation bar to free up screen space for viewing more important content?

[JD]

No it's not like asking Apple to remove the dynamic island.  On my desktop monitor, which is landscape, I have limited amount of vertical space on my monitor.  Now there's this persistent bar that I'll never use that covers part of "add card" buttons and scrollbar.

Hopefully the option to hide this will be added to the Better Trello browser plugin.  In the meantime, the proper answer to this is (unfortunately) to use a browser plugin like Stylus that allows you to override a site's CSS settings.

Creating a custom stylesheet like the following did the trick for me, though I'm sure it's not perfect:

@-moz-document url-prefix("https://trello.com") {
    nav > div[role=group] {
        display: none !important;
    }
} 

[Daydreamer Mike]

Thats kind of like asking Apple to remove the dynamic island on the iPhone.  😉

The actual answer is that you unfortunately can't. It is a core part of the new design philosophy. 

Sorry I couldn't be more help

[Diego Lopez]

Thank you for your reply friend!

[Matthew Andrianakos]

It's ridiculous. It floats on top of other elements! It's so dumb. I hate it. I have stopped using Trello

[Travis Smith]

I'd also like to see it removed, or be able to configure and hide it. Just unnecessary, distracting clutter that I won't use.

[Bruce L_ Smith]

In case Atlassian is actually listening, add me to the list of those who think this change is stupidly inflexible. I can't even move that bar off to the side or reduce it to a small icon that doesn't hide part of the working space? Did you consult any actual users before implementing this, even someone taking a basic UX course? Are you trying to alienate people who might otherwise have recommended you to others? 

[Scott]

I use Trello in Chrome.  I opened the chrome developer tools ( ctl + shift + j ) then used the selection tool ( ctl + shift + c ) to select that element.  Press the 'delete' key - gone.  Doesn't seem to affect any of the other elements on the screen, but it will reappear if you refresh your browser page.  Not a perfect solution, but gets it out of the way so it doesn't obstruct other functionality.   

Really should have a toggle in the settings for those who use it. For folks that only use Trello, floating an element over other functions is a poor user experience and basically turns people off to any new features (no matter how important Trello believes they could be) they are trying to promote.