From: Ian Weller Date: Mon, 11 Apr 2016 20:59:05 +0000 (-0400) Subject: adding a bit of styling for small view X-Git-Tag: v1.0.0^2~55 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=cb1c5f2b13da45d263a2d7348139f71ee9a2db33;p=WP-Themes%2Fgaslightmedia.git adding a bit of styling for small view --- 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; } + } } }