enhance header and homepage hero responsiveness
Tom Rutgers
committed Aug 17, 2018
commit 1254bd2a3b4d86c563e00e16899676358a287124
Showing 2
changed files with
8 additions
and 4 deletions
source/stylesheets/demo/homepage/_hero.scss
+3
-4
| @@ | @@ -25,9 +25,8 @@ |
| font-size: 32px; | |
| padding-top: 10%; | |
| } | |
| - | @media screen and (max-width: 400px){ |
| - | font-size: 32px; |
| - | padding-top: 5%; |
| - | } |
| + | } |
| + | @media screen and (max-width: 400px){ |
| + | padding-bottom: 50%; |
| } | |
| } | |
| \ No newline at end of file | |
source/stylesheets/demo/shared/_header-primary.scss
+5
-0
| @@ | @@ -23,11 +23,16 @@ |
| margin: 0 15px; | |
| } | |
| a { | |
| + | font-size: 18px; |
| font-weight: 700; | |
| color: $text-color; | |
| &.active, &:hover, &:focus{ | |
| color: $primary-color; | |
| } | |
| } | |
| + | |
| + | @media screen and (max-width: $screen-xs-max){ |
| + | display: none; |
| + | } |
| } | |
| } | |
| \ No newline at end of file | |