Zurb Foundation 4 - Center elements in Top Bar navigation

·Tech·No AI

Some time ago i wanted to center all elements in a top bar navigation using Foundation CSS Framework. Below is a simple solution.

.top-bar:not(.expanded) section ul {
  display: table;
  margin: 0 auto;


  li {
    display: table-cell;
  }
}

EOT.

Spot something wrong?

Found a typo, a broken link, or something that could be better? I would love to hear from you. Drop me a message and I will fix it.