Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS navigation bar buttons don't expand the whole bar Reply To: navigation bar buttons don't expand the whole bar

#256584
tomek
Participant

Hi Triplebit,
Actually this is quite simple, you need to make three changes.

  1. Remove container class from fl-page-nav-container,
  2. Add display: flex to .fl-page-nav-centered .fl-page-nav ul.navbar-nav,
  3. Add flex: 1 to .fl-page-nav-centered .fl-page-nav ul.navbar-nav > li.

Of course you need to remember on which breakpoints you’re doing this (probably only on the biggest one).

Also, on some lower resolutions your menu is breaking, consider changing the font to a smaller one on low breakpoints.

P.S. Your JSFiddle looks really weird, is it an automated output?