Gracias
Código CSS:
Ver original
#header { position: absolute; top: 20px; left: 0; z-index: 999; background: transparent; padding: 15px 0; width: 100%; @media screen and (max-width :$screen-sm) { background: $brand-white; top: 0; } #logo { float: left; line-height: 1.2; position: relative; @media screen and (max-width :$screen-sm) { top: -2px; } a { font-family: $font-primary; font-size: 30px; color: $brand-white; @media screen and (max-width :$screen-sm) { color: $brand-black; } span { color: $brand-primary; } } } #main-nav { float: right; @media screen and (max-width :$screen-sm) { display: none; } ul { padding: 0; margin: 4px 0 0 0; li { padding: 0; margin: 0; display: inline; a { font-family: $font-primary; color: rgba(255,255,255,.8); text-decoration: none; margin-left: 30px; border-bottom: 2px solid transparent; &:hover { text-decoration: none; color: $brand-primary; } } &.active { a { color: $brand-white; border-bottom: 2px solid $brand-primary; } } } } }