Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3794378
Using a separate hero video on mobile vs desktop
Open

Comments

  • Matt started the conversation

    Is there a way I can set configure the theme to allow me to upload a unique video for mobile, in addition to the one for desktop?

    I've done this on Shopify before and it helps ensure my video displays how I need it to, responsively.

  •  4,835
    Michael replied

    Hi,

    I'm sorry, I'm not sure what do you mean. Could you please provide a bit more details with screenshots?  

  • Matt replied

    Hey Michael,

    Currently, it appears that I only have the ability to upload one video, which is meant to display responsively. The problem with this is that it might not be the best video to display for a mobile resolution.

    For example:

    If there was text in the bottom right corner of the video on desktop that showed up on desktop video, it wouldn't be displayed on mobile due to it displaying the center of the video due to responsive breakpoints.

    I would like to upload a separate video for mobile so that displays to mobile and/or tablet users only, and the desktop video would only display to desktop and/or tablet.

    So in essence, I want the ability to upload a second background video link, and determine which devices to assign each video to (video 1 to desktop; video 2 to tablet and mobile).


    Attached files:  background-video-elementor.png

  •  4,835
    Michael replied

    Create a copy of the block and use it on mobile devices with a different video.

  • Matt replied

    I can't believe I didn't think of that, lol.

    Thanks for the guidance. You can close this.

  •  4,835
    Michael replied

    You're welcome!

    Have a nice day!