Can I put a different hero video in desktop and mobile view?

Helpdesk Website Builder
1

Hi there, I have a website where I have put a video in the hero section (banner). I put the landscape version of the video, but I want to put a portrait version of it on mobeile view. Is there any way to do this? My website in created in cpanel sitejet https://thesouthofspain.com

Thanks!

2

Hey Pablo!

Welcome!

If you like to use a different video for the reasons you mentioned, you are able to do so with a workaround. Use the responsive feature of hiding the element for a viewport and adding a new one for mobile:

https://help.sitejet.io/hc/en-us/articles/24275878741015-Responsiveness#h_01J3CJH3297ZCZZD8GZQ0JEG70

The steps would be:

  • Hide the element with the original video for mobile (it will be visible for Desktop and Table)
  • Add a new element and make it only visible for mobile
  • Add your mobile view video there
  • Check with the preview mode if each viewport displays as you like it

Be aware that this header section is a bit delicate. So if you run into troubles, let me know and we figure out any issues. Don’t forget to name the Website ID :slight_smile:

3

Ok, thanks for sharing. I have tried that and is working now. Thanks for your reply.

4

Awesome! Have a great one!