Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20205

    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!

    #106656

    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

    #106657

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

    #106658

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Slider title/captions scaling with smaller screen sizes (mobile etc)’ is closed to new replies.