From cb1c5f2b13da45d263a2d7348139f71ee9a2db33 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Mon, 11 Apr 2016 16:59:05 -0400 Subject: [PATCH] adding a bit of styling for small view --- css/app.css | 5 ++++- scss/_slideshow.scss | 6 +++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/css/app.css b/css/app.css index 31d44bc..fc7e7a0 100644 --- a/css/app.css +++ b/css/app.css @@ -6708,13 +6708,16 @@ h2#block-title { #slideshow .nivo-caption { width: 500px; margin: 0; } } + @media only screen and (max-width: 40em) { + #slideshow .nivo-caption { + display: none; } } #slideshow .nivo-caption h6 { width: 450px; font-weight: bold; font-size: 28; } @media screen and (max-width: 1024px) { #slideshow .nivo-caption h6 { - margin-bottom: 38px; } } + margin-bottom: 23px; } } #slideshow .nivo-caption p { width: 450px; letter-spacing: 0.1em; diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index 71ebf2c..fab11db 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -54,12 +54,15 @@ width: 500px; margin: 0; } + @media #{$small-only}{ + display: none; + } h6 { width: 450px; font-weight: bold; font-size: (28); @media screen and (max-width: 1024px) { - margin-bottom: 38px; + margin-bottom: 23px; } } p { @@ -89,6 +92,7 @@ color: $orange; text-decoration: none; } + } } } -- 2.17.1