Menu icon Foundation
Centered links in menu in F6

I am trying to make a basic layout for purpose of learning F6 (even maybe making a Laravel5 + F6 sample project for others to use) so I need a bit of help.
I made menu div centered as I did before via CSS but now something is pushing it and not centering properly. Here is the Codepen link (http://codepen.io/anon/pen/KVmVOq) and any help is welcome.

centermenuF6

I am trying to make a basic layout for purpose of learning F6 (even maybe making a Laravel5 + F6 sample project for others to use) so I need a bit of help.
I made menu div centered as I did before via CSS but now something is pushing it and not centering properly. Here is the Codepen link (http://codepen.io/anon/pen/KVmVOq) and any help is welcome.

Jeremy Englert over 3 years ago

You can add the "expanded" class to your menu to evenly space the menu items.

Check it out: http://codepen.io/anon/pen/BjRdvN

Vladimir over 3 years ago

Your solution and adding
CSS
text-align: center;

to ul element was exactly what I wanted. Thanks.