This solution extends the code in this tutorial which replaces the home section 1 background image with a video. In this case, the background image is only replaced with your video on desktops when the screen width is above 860px.
By default, Parallax Pro theme replaces the desktop menu with a mobile menu below 860px.
Here’s the desktop ( above 860px width ) view on the left and the mobile ( below 860px width ) view on mobiles.
Demo Video #
Shows the self hosted MP4 video displaying on desktops behind the home section 1 widget area in Parallax Pro and the background image replacing the video at the same time the Genesis responsive menu is activated.
Code Installation #
There’s 3 steps :