Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 15, 2019 at 9:03 pm #1128078
    goldiejake123

    I noticed the preview/fallback image is loading for a few second before the video on my Fullscreen Slider on my homepage on my desktop… I feel this is odd seeing I have a video in that section. How do I have that image not load on desktop? It looks tacky to have an image load before the video.

    August 18, 2019 at 12:47 am #1128550
    Jordan Shannon

    Hey goldiejake123,

    You can use css media queries to hide the background image on desktop only.

    Best regards,
    Jordan Shannon

    August 19, 2019 at 5:35 pm #1128959
    goldiejake123

    Ok, what are those?

    August 19, 2019 at 5:41 pm #1128962
    Jordan Shannon

    Hi,

    Try the following:

    #fullscreen_slider_1{
background-image:none!important;
}

    Best regards,
    Jordan Shannon

    August 19, 2019 at 8:17 pm #1129005
    goldiejake123

    That did not work. The image still loads on desktop.

    August 21, 2019 at 3:10 am #1129389
    Ismael

    Hi,

    Thank you for the update.

    You can try this css code instead.

    @media only screen and (min-width: 989px) {
    .avia-slide-wrap {
        background-image: none !important;
    }
}

    That should disable the fall back image on desktop view.

    Best regards,
    Ismael

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