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.

Comments

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.