diff options
Diffstat (limited to 'sass/parts/_header.scss')
| -rw-r--r-- | sass/parts/_header.scss | 53 |
1 files changed, 50 insertions, 3 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 739372e..a11ff44 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -17,10 +17,8 @@ header{ nav{ margin-left: 30px; >ul{ - list-style: none; - padding-right: 30px; >li{ - float: left; + display: inline-block; margin-left: 50px; position: relative; &:hover{ @@ -142,4 +140,53 @@ header{ } } } +} + +@media screen and (max-width: 1030px){ + header{ + height: auto; + position: relative; + padding-bottom: 10px; + h1{ + float: none !important; + } + nav{ + margin-left: 0; + margin-top: 15px; + float: none !important; + >ul{ + >li{ + margin-left: 0; + margin-right: 50px; + &:last-of-type{ + margin-right: 0; + } + } + ul{ + top: 40px; + } + } + } + >.right{ + position: absolute; + top: 30px; + right: 0; + } + } +} + +@media screen and (max-width: 600px){ + header{ + .social{ + display: none; + } + .search{ + input[type="text"]{ + width: 60px; + &:focus, &:active{ + width: 100px; + } + } + } + } }
\ No newline at end of file |