Slider title/captions scaling with smaller screen sizes (mobile etc) « Support Forum | Kriesi.at

Support Forum » Incarnation

Slider title/captions scaling with smaller screen sizes (mobile etc)

4 posts from 2 voices

Started 3 months ago by Tsuua
Latest reply from Devin
This topic is not a support question

Tags:

Tsuua
Member

What is the code I need to apply to make the slider's title and captions & their background scale along with the rest of the site like it does on the demo etc?

Right now everything else seems to work on the test site, but for some reason they fill the whole slider in smaller screen sizes: http://tsuua.com/ls/katekismus/

Thank you!

Posted 3 months ago #
Devin
Moderator
Hi Tsuua,

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:
```
/* 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%;}

	}
```
If that doesn't work be sure to let us know. It looks like this needs to be included in the next theme update.

Regards,

Devin
Posted 3 months ago #
Tsuua
Member

Thanks Devin!

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..

Posted 3 months ago #
Devin
Moderator
You'll also need to add this one to overwrite the incorrect padding:
```
/* 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%;}

	}
```
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.
Posted 3 months ago #