.site-header { position: fixed; width: 100%; left: 0; top: 0; background: rgba($main, .95); height: 65px; overflow: hidden; z-index: 300; } .logo { float: left; padding: 19px 0; } .site-nav { float: right; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #c86ede; li { float: left; } a { color: #fff; padding: 16px 20px 18px 20px; float: left; font-size: 17px; border-top: 3px solid transparent; transition: border .2s ease-in-out 0s; &.active { border-top: 3px solid #fff; } } } .add-wrap, .icon-search-wrap { float: right; padding: 16px 0 19px 0; cursor: pointer; i { display: block; } &:active { opacity: .8; } } .icon-search-wrap { margin: 0 0 0 10px; }