http://www.kriesi.at/support/topic/slider-titlecaptions-scaling-with-smaller-screen-sizes-mobile-etc Support Forum - Topic: Slider title/captions scaling with smaller screen sizes (mobile etc) en-US Tue, 21 May 2013 22:45:21 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/slider-titlecaptions-scaling-with-smaller-screen-sizes-mobile-etc#post-96229 Mon, 11 Feb 2013 19:19:19 +0000 Devin 96229@http://www.kriesi.at/support/ <p>You'll also need to add this one to overwrite the incorrect padding:<br /> <pre><code>/* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .responsive #top .caption_framed .slideshow_caption .slideshow_inner_caption {padding:0%;} }</code></pre> <p>That should do it as before i was replacing that css in the dev panel while and adding in the fix doesn't remove the inncorrect 5% padding that is getting applied to the innner caption. </p> http://www.kriesi.at/support/topic/slider-titlecaptions-scaling-with-smaller-screen-sizes-mobile-etc#post-96222 Mon, 11 Feb 2013 18:33:07 +0000 Tsuua 96222@http://www.kriesi.at/support/ <p>Thanks Devin!</p> <p>It's a little better now, but still when I resize the window width to as small as it goes, part of the title doesn't fit in.. </p> http://www.kriesi.at/support/topic/slider-titlecaptions-scaling-with-smaller-screen-sizes-mobile-etc#post-96190 Mon, 11 Feb 2013 15:45:15 +0000 Devin 96190@http://www.kriesi.at/support/ <p>Hi Tsuua,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>/* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .responsive #top .caption_framed .slideshow_caption .slideshow_align_caption {padding:5%;} }</code></pre> <p>If that doesn't work be sure to let us know. It looks like this needs to be included in the next theme update.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/slider-titlecaptions-scaling-with-smaller-screen-sizes-mobile-etc#post-96148 Mon, 11 Feb 2013 12:11:40 +0000 Tsuua 96148@http://www.kriesi.at/support/ <p>What is the code I need to apply to make the slider's title and captions &amp; their background scale along with the rest of the site like it does on the demo etc?</p> <p>Right now everything else seems to work on the test site, but for some reason they fill the whole slider in smaller screen sizes: <a href="http://tsuua.com/ls/katekismus/" rel="nofollow">http://tsuua.com/ls/katekismus/</a></p> <p>Thank you! </p>