• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Replace Video With Image On Mobiles Behind Parallax Pro Themes Home Section 1 Widget

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.

Desktop Screens Above 860px Width
Above 860px Width
Mobile Screens Below 860px Width
Below 860px Width

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 :

Register for full access

Related Tutorials

  • Parallax Pro MP4 Video Background Behind Home Section 1

Parallax Pro Theme Video

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems