Coder Wrap provides free to use snippets

.sf-menu {
 display: flex;
 flex-flow: row wrap;
}
.sf-menu li {
 margin: 0px 20px;
 font-weight: 700;
 font-size: 17px;
 text-transform: uppercase;
}
.sf-menu li a {
 color: #747474;
 border-bottom: 2px solid transparent;
}
.sf-menu li a:hover, .sf-menu li a.active {
 color: #436fbf;
 border-color: #436fbf;
}

var $this = $(this);
$(".sf-menu a").filter(function(){
    return this.href == location.href.replace(/#/, "");
	
}).addClass("active");