Sydney theme background is not responsive to mobile devices

Hello, Please kindly advise me solutions regarding following issues below.

Issue1: Video background or a fallback image not loading on mobile devices but no fallback image option.

I tried several widgets - site origin, video background plugin, Elementor… none of then worked on mobile devices.

I am aware that many Wordpress themes are still like this. But these have a fallback image option.
I read the previous thread about CSS, but I could see CSS didn’t solve the problem.

In this case, how to add Mobile fall back image to avoid showing a blank screen?
I added a static image on the Row along with the video background but did not work. ( I used squarespace instead wordpress before and worked)

Issue2:
Sydney theme image background is not responsive to mobile devices.
Background image doesn’t change the size responsively. It’s heavily zoomed-in, and cropped in the middle instead of shrinking down to the mobile screen size.

I read the following discussion, but these are nearly a year old, and none of them stated issues above, so I wondered if there are any other solutions I can look into…


https://athemes.com/forums/topic/background-images-not-scaling-down-on-mobile-view-iphone/2
https://athemes.com/forums/topic/background-images-problem-on-iphone/1

I look forward to hearing from your view on this.

Thanks,
Tom

Hello Tom,

Please create a separate topic for each of your issues to keep forum in good order and make it easier to help you.

Kind Regards, Roman.

Hi Roman, I created a new topic from this, I hope it is ok now. Regards,

Thank you Tom,

Kind Regards, Roman.