Parallax image/video

[tsimarketing]

I have a parallax video on this page when you view it on a desktop and an image for when your viewing it on a mobile device. I’ve noticed that when you go to view this page on a desktop, you can see the image for a split second before the video starts. Is there a way to fix that? We don’t want to see the image on desktop, because that was just meant for mobile since mobile can’t play video.

[Kyle – SUPPORT]

Hi

Try this:

@media only screen and (min-width: 769px) { 
.spb_parallax_asset.sf-parallax.sf-parallax-video {
  background-image: none!important;
}
}

– Kyle

[tsimarketing]

That code did not work. You can still see the image on desktop for a split second and now you can’t see the image at all on mobile. But I did notice in the code you said ‘none’ after background image, I think that is taking the image off mobile view. Which we don’t want. We just want the image to stop showing up on the desktop view, because that is where we have the video.

[Kyle – SUPPORT]

Did you make sure you included the media query? As you can see that css will only apply on widths above 769px

– Kyle

[tsimarketing]

I copied that whole css code that you posted. Is that what you mean by media query?

[Kyle – SUPPORT]

Yes, please add the code back in so I can check, I don’t see it in your custom css

– Kyle

[tsimarketing]

Okay, I added it back. As you can see, you can still see the image on desktop right before the video appears and now the image doesn’t show up on mobile.

[Kyle – SUPPORT]

I’ll forward this to the developer, not sure why it’s happening on your site as I haven’t seen it happen on others

– Kyle

[tsimarketing]

Okay, thanks.

[Kyle – SUPPORT]

No problem

[Swift Ideas – Ed]

Looks like you haven’t closed the previous media query, so this is causing issues. Please try adding that code above, but at the top of the custom css box so that the other code won’t affect it – that should work.

– Ed

[tsimarketing]

I put the code at the top of the custom css box but the image is still showing up a second before the video starts and the image still isn’t showing up on mobile view.

[Swift Ideas – Ed]

That’s odd.. Could you possibly provide a login so that I can test out some other css?

Thanks,

– Ed