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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Replace Video With Image When Genesis Mobile Menu Is Active – Infinity Pro Front Page 1

This solution extends the code in this tutorial which replaces the front page 1 background image with a video. In this case, the background image is only replaced on desktops when the screen width is above 800px.

By default, the Infinity Pro theme replaces the desktop menu with a mobile menu below 800px.

Here’s the desktop ( above 800px width ) view on the left and the mobile ( below 800px width ) view on mobiles.

Replace image with video on desktop screens
Desktop Screens
Replace video with image on mobile screens
Mobile Screens

Demo Video #

Shows the self hosted MP4 video displaying on desktops behind the front page 1 widget area in Infinity 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 Solutions

  • Different Video For Desktop & Mobile
  • Change Video To Image On Small Screens

Infinity Pro Theme Video

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.