knoonrx/menu-justify.html

## menu-justify.html
<html>
  <style>
    /*menu justify*/
    .menu-justified {
        width: 100%;
    }
    .menu-justified>li {
        float: none;
    }
    .menu-justified>li>a {
        text-align: center;
        width: 100%;
    }
    .menu-justified:hover > li.active {
         background-color: transparent;
    }

    @media (min-width: 600px) {
        .menu-justified>li {
            display: table-cell;
            width: 1%;
        }
    }
    /*menu justify*/
  </style>
  <header>
    <div class="navbar-fixed">
        <nav>
            <div class="container">
                <div class="row">
                    <div class="col s2">
                        <a href="#">Logo</a>
                    </div>
                    <div class="col s10">
                        <div class="nav-wrapper">
                            <ul class="right hide-on-small-only menu-justified">
                                <li class="active"><a href="collapsible.html">JavaScript</a></li>
                                <li><a href="sass.html" class="active">Sass</a></li>
                                <li><a href="badges.html">Components</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>
</html>