Tagged: , , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 2, 2019 at 8:58 pm #1062065
    fhcadvance

    Slider can be found on the home page on my website, at the very top.

    I’m trying to get a video to play in the slider on desktop, while replacing it with a fallback image on mobile. Everything seems to operate correctly on desktop, as well as on an iPad (portrait or landscape), but when I try viewing it on iPhone (portrait OR landscape), the slider resizes itself when displaying the fallback image, cutting off the caption and the button overlay.

    I believe the slider is unnecessarily scaling up all other images [except the fallback image] to match the original size of the video on iPhone. How do I get it to function correctly on an iPhone so that the slider shows images appropriately without resizing. It works on every other device, so I suspect a CSS issue.

    February 4, 2019 at 7:22 pm #1062802
    fhcadvance

    Further investigation makes me suspect that it’s just the fallback image that isn’t being scaled up correctly. Is there a CSS issue here?

    February 5, 2019 at 7:06 pm #1063252
    Victoria

    Hi fhcadvance,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width:767px){
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;

  }
  #full_slider_1 .avia-slideshow li img {
    width: 140% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}
@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .av-mini-font-size-28 {
        font-size: 26px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.