Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #24695

    Hi guys,

    Where can I define the height of the slideshow for the resolutions below 768px wide? I would like to use the same aspect ratio as the full sized slider and don’t want it to crop…

    Thanks in advance,

    grtz, Bas

    #124410

    Hi Bas,

    We’ll need to see your site live or to know which slideshow set up you have. The scaling is just based on the overall site scaling as far as I know so it will be more of a case where you force the height. Even then it may still require some tweaking but seeing it how you have it set up on your site live is the best way for us to help.

    Regards,

    Devin

    #124411

    Hi Devin,

    I use the fade slider, full width:

    http://www.alfabetcommunicatie.nl

    There are 4 ‘stages’, big and biggest (above 768px) and small en smallest (below 767px), the latter crops where the slideshow has a width of respectively 478px and 318px the images are cropped as you can see, resulting in chopped of heads :)

    Thanks,

    Bas

    #124412

    Hi,

    You can use this media query to define css for screen size below 767 and below

    @media only screen and (max-width: 767px) {

    /*add regular css here

    example

    .title{
    height : 300px;
    }
    */
    }

    this css is for 768 and above

    @media only screen and (min-width: 768px) {

    /*add regular css here

    example

    .title{
    height : 300px;
    }
    */
    }

    Thanks,

    Nick

    #124413

    Hi Nick, thanks for the tip. Eventually I added this code:

    @media only screen and (max-width: 767px) {

    #top .slideshow li img {

    height: 174px;

    }

    #top #slideshow_big .slideshow_container {

    margin-top: 16px;

    }

    }

    @media only screen and (max-width: 479px) {

    #top .slideshow li img {

    height: 116px!important;

    }

    #top #slideshow_big .slideshow_container {

    margin-top: 16px!important;

    }

    }

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

The topic ‘Slideshow height iPhone’ is closed to new replies.