navigation bar buttons don't expand the whole bar

[triplebit]

Here is my site:

Link

I need the vavigations buttons(the li’s) to span the whole navigation bar. The most extreme buttons should reach both ends without the extra space that exits now.
Can someone advice please?
Regards
Triplebit

[Paulie_D]

A minimal demo in Codepen.io would be preferred to messing around on a remote page.

At first glance there appear to be be more things awry here that a simple “change one thing” fix.

[triplebit]

Thanks
I tried to send the code to Codepen.io but it failed.
However I managed to send it to JsFiddle.
I hope its OK for you.
http://jsfiddle.net/api/post/library/pure/
Thx anyway

[Paulie_D]

JS Fiddle is blank.

[triplebit]

Thx
You are right. I’m sorry. Not so experienced and forgot to “save” it.
Now I did…
http://jsfiddle.net/d9p32urw/
Thx

[tomek]

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?

[triplebit]

Dear Mr. tomek
Thx for the reply but I can’t understand your 3 sentence:
Add flex: 1 to .fl-page-nav-centered .fl-page-nav ul.navbar-nav > li
Can you please repeat with simpler sentence?
P.S. Your JSFiddle looks really weird, is it an automated output?
Yes, I used some automated output.
Regards
I. lesher

[triplebit]

Deer Mr. Tomek
Especially I don’t understend the end of the sentence:

li

Regards
I. Lesher

[triplebit]

Deer Mr. Tomek
Especially I don’t understend the end of the sentence:
“> li”

Regards
I. Leshe

[triplebit]

Ok
At the end I got it
Good bless you
I. lesher

[Author]

Posts