Hello,
I have added a gif (video) as banner image on my page and it it is loading well on desktop. But on mobile, the banner is just grey. Does anyone know how to make this gif to appear correctly on mobile too? This is the page: www.mysecretoil.de
Thank you!
Hi @mySecretOil ,
PFA below is the CSS that would help you out in achieving the desired result .
Let me know if you are not familiar with the Code part and I would be glad to help you
.banner–content-align-left .banner__media { position: initial;}
.banner–content-align-left .banner__box { background: rgba(0,0,0,0.2);}
Hi man, I’m having the exact same issue. Please could you explain where to paste the code? Thanks!
Hello! I’m experiencing this same exact use! A made my own motion graphic and really want to display on both the desktop AND mobile. But mobile gives me this picture shown below. I really want this graphic to continuously loop, that’s why I made it a gif. Is there a way you can provide me with a code to help so that it shows on both the desktop and mobile please? Here is my page: thesupremestudios.com.