Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 21, 2013 at 2:41 am #164338
    cpUSA

    Hi there….
    Any way to change the default height of images in the mobile size? I’d like to use much more vertical space for the “slider” when on the iphone (think full page CTA)?

    Thanks!

    September 22, 2013 at 8:29 am #164748
    Ismael

    Hey cpUSA!

    What slider you’re currently using? A link to your website will help.

    Regards,
    Ismael

    September 23, 2013 at 9:24 pm #165297
    cpUSA

    v3.comparepower.com <— test environment only… good to see the issues.

    September 24, 2013 at 4:01 am #165424
    Ismael

    Hey!

    Configuring the LayerSlider’s height on a mobile device is a bit complicated. I suggest you use the Fullscreen Slider. You can add this on your custom.css or Quick CSS to modify the height on mobile device (iPhone).

    @media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow {
min-height: 200px;
}
}

    Best regards,
    Ismael

    September 24, 2013 at 9:05 pm #165827
    cpUSA

    I will look at this…though not an ideal solution. Next up: Do you have a previous topic you could point me to on how to customize the sliders to include form entry elements, or should I start a new task?

    Thanks for all the support – you guys are great!

    September 27, 2013 at 8:55 pm #167291
    Devin

    Hello!

    You can add any html you want to the layer sliders individual slide in the HTML section. It will need much more in depth css to keep it all responsive but that is the best way to just add custom content to the slide.

    Cheers!
    Devin

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘any way to change the default height of images in the mobile?’ is closed to new replies.