magicdustwebsites of Magicdust
5/28/2015 - 6:34 AM

Justify navbar

Justify navbar

<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
.flexbox #navbar-1-left {
  width: 100%
}

.flexbox #nav-1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
     -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
     -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-between;
     -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.flexbox #nav-1 > li:first-child > a {
  padding-left: 0;
}

.flexbox #nav-1 > li:last-child > a {
  padding-right: 0;
}