diff options
| -rw-r--r-- | assets/stylesheets/responsive/custom.scss | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss index 8c61de7..c26154b 100644 --- a/assets/stylesheets/responsive/custom.scss +++ b/assets/stylesheets/responsive/custom.scss @@ -225,6 +225,19 @@ a.link_button_green_large { background-color: darken($color_primary, 10%); } +.site-title__logo { + // Smaller logo on mobiles + width: ($logo-width / 2); + height: ($logo-height / 2); + background-size: ($logo-width / 2) ($logo-height / 2); + + @include respond-min( $main_menu-mobile_menu_cutoff ){ + width: $logo-width; + height: $logo-height; + background-size: $logo-width $logo-height; + } +} + #navigation{ border-bottom: none; a { @@ -504,9 +517,8 @@ a.link_button_green_large { .rsp_menu_button{ position: absolute; - top: 0; - /* 15px for margin minus 9 for background offset*/ - right: 4px; + top: 5px; // vertically centre the button in the header + right: 4px; // 15px for margin minus 9 for background offset @extend .image-replacement; background-image: image-url('hamburger.png'); background-repeat: no-repeat; @@ -522,6 +534,13 @@ a.link_button_green_large { } } + &:target { + .rsp_menu_button { + top: 5px; + right: 4px; + } + } + /* Pad evenly top and bottom on smaller devices */ #logo_wrapper{ |