The following SASS code helped to keep the menu on one line on small android screens:

.navbar-bar {                                                                                                        
  li.logout {display:none !important;}                                                                               
  @media screen and (max-width:380px){                                                                               
    .col-2 {width:50% !important;}                                                                                   
    li.home, li.account {display:none !important}                                                                    
    .col-4 {width:0% !important}                                                                                     

I would suggest that hiding some extra icons (e.g. home) should become a standard feature in this resolution.


jessebeach’s picture

Status:Needs work» Postponed (maintainer needs more info)

Hi druvision, I'm having trouble translating the SASS code in the description. If you could translate this to CSS and propose a patch, we'll definitely consider the change.

jessebeach’s picture

Issue summary:View changes
Status:Postponed (maintainer needs more info)» Closed (won't fix)

No further input for months. I'm closing this.