Streaming live at 10am (PST)

Different Video background Desktop / Mobile?


Hi there,

This project is about to finish and I’m now seeing a problem for the mobile version. In fact the video background is very large, this means that the happy guy is not visible on small screens. So I cropped the video and tried to replace the video “only” for the mobile version but it replaces also on the desktop version…

Any idea how to solve that inside webflow? Or do I need to add custom code?



Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hey @palombokevin

Not sure if you can replace the video using the same video bg element, but you can use a different bg element for mobile and just make it display none for desktop.

Piter :webflow_heart:

1 Like

Hi Piter,

I can’t see the option for the video background to apply only on mobile. I added a sub class name but don’t work either…

1 Like

You need to add a second video element and make it visible only on mobile. So the video element will have a class mobile-video and will be set to display none for desktop.

Piter :webflow_heart:


@PiterDimitrov thanks but it auto replace desktop video. It’s “background video” maybe is that the problem?


I’m talking about two video elements, not a combo class. I will record my screen and share a link here.

@palombokevin >

1 Like

Hahaa…Thank you so much @PiterDimitrov. With the video it’s cristal clear :slight_smile:


1 Like

Great! Happy to help :webflow_heart:

1 Like