Hero Block Video – tiled stills populating other pages on mobile

Open 1 reply bug-reportthemetheme-corp
Sheena Pearce
22 days ago · Last reply by Andrew Misplon 18 days ago

Hello,

I have a background video on our homepage that is in a Hero Block. However on mobile, there are what seems to be stills of the video tiled behind other elements. I cannot replicate this with developer tools in Chrome, but it’s visible using safari on my iPhone 16 Pro. Does anyone know a solve for this?

Home

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 18 days, 35 minutes ago

    Hi Sheena

    Thanks for posting your question. Within the Slider Controls section you can check that Show slide background videos on mobile setting is enabled.

    On iOS Safari, if the background video can\’t autoplay due to hardware constraints, the widget falls back to the frame background image. Because of a CSS bug, cover backgrounds were set to repeat, which looks like \”tiled stills\”. At AppearanceCustomizeAdditional CSS or AppearanceCustom CSS if you\’re using SiteOrigin CSS, you can try adding the following:

    .sow-slider-image.sow-slider-image-cover,
.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover {
    background-repeat: no-repeat !important;
}
Please log in to post on our forums. Signing up is free.

Have a different question or issue?

Start New Thread