Rounded corners not displaying on mobile

Have seen a few people have this same issue - rounded corners not displaying on mobile for background video. The round corners display fine in desktop view and in the designer.

I have tried adding a transparent border and this did not fix.

Anyone know why this could be happening and how to fix?


Here is my site Read-Only: Webflow - Christian Love

1 Like

Another issue I am having is that my “back to top”/ up button is not working on mobile. Works perfectly on desktop.

Any help for this? I have the same problem :sleepy:

@Christian_Love and @AndreaRoguz

Let me know if this helps (Using the classes from Christian’s read-only)

<style>

.background-video {-webkit-mask-image: -webkit-radial-gradient(white, black);}
.background-video-portrait {-webkit-mask-image: -webkit-radial-gradient(white, black);}

</style>