[cefd1]

cefd1

#48416

Can the Header Menu be set to adjust to the width of the page ? I have 8 pages set to the menu, but it doesn’t evenly spread across my page width. It shows a blank tab at the end. http://www.buchananvalleyfd.org

[Syahir Hakim]

Syahir Hakim

#48434

Copy and paste this code into Additional CSS:

#header-menu {
   display: flex;
   float: none;
}
.navbar-inverse .nav > li {
   flex-grow: 1;
}

[Anonymous]

Anonymous

#48438

In mobile view the placement of menus is shifting.

[Syahir Hakim]

Syahir Hakim

#48454

Try this:

@media (min-width: 992px) {
   #header-menu {
      display: flex;
      float: none;
   }
   .navbar-inverse .nav > li {
      flex-grow: 1;
   }
}