Background-type selector not working on responsive views

[Wendy]

Description:

I am experiencing a problem with the background-type selector on responsive design. I am using a video as the background for the desktop and tablet views of my site, but I would like to use a picture for the mobile view. When I press the image button on mobile view for the background the video selector remains and it doesn’t allow me to select an image.

Step-by-step reproduction instructions:

1. Add a section with a video background.
2. Change the background setting from video to image on responsive view.

Here is a screenshot of what the sidebar looks like when I select the image background on the responsive view.

[Marius]

That’s currently not possible, but maybe something to expect in the future:

Video background show image background on mobile

Would allow users to have a video background on desktop that on mobile, gets replaced by an image background (to avoid consuming the user’s monthly traffic or device battery simply for a visual background effect).

Maybe you can get some inspiration here to address your requirements in the meantime:

Swap background video with image on mobile devices (and vice versa)

So @danstanley asked yesterday how to display a video background on desktop and instead on mobile devices, only a background image. I offered him to quickly setup a demo, in case he needs any help. So here we go. I only used a section block with a video background and the image which is required on mobile devices is just the video placeholder image. So everything is already in place out of the box. With relative styling it is easy to target the video container, as well as the image container. …

[Araminta]

Hi @Wendy,

Thank you for bringing this up. As @Marius pointed out, this has already been addressed as a Feature Request and he has himself come up with a nice temporary solution with the use of Relative Styling.
So feel free to add your feedback to either of those threads.

Moving this to General as it is not a bug.