diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 266cd91..a32b47e 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -25,6 +25,18 @@ width: 100px; text-align:center; margin-left: 10%; + + @include media-query($on-palm) { + width: 100%; + margin: 0em auto; + } + +} + +.site-logo img { + @include media-query($on-palm) { + width: 100px; + } } .site-title { @@ -47,6 +59,11 @@ list-style-type: none; margin: 0 10% 0 0; font-size: 1.3em; + + @include media-query($on-palm) { + display: none; + } + } .site-nav li { diff --git a/css/main.scss b/css/main.scss index 75c2a64..e4dafc5 100644 --- a/css/main.scss +++ b/css/main.scss @@ -25,7 +25,7 @@ $grey-color-dark: darken($grey-color, 25%); // Width of the content area $content-width: 650px; -$on-palm: 300px; +$on-palm: 400px; $on-laptop: 800px;