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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add MP4 Video Background To Front Page 1 Widget In Altitude Pro Versions 1.1.3

This solution enables you to add a fullscreen responsive WordPress hosted MP4 video to the front page 1 widget background in Altitude Pro version 1.1.3 & newer.

Note : If using version 1.4 or 1.5, this more recent tutorial adds a customizer setting to enable adding your video without hard coding the link n the front page template file.

Demo Video

The video covers the full screen for the front page 1 widget background until 800px width which is when the mobile menu icon is displayed and the site header is no longer transparent on screens below 800px width.

If you’re using a older version of Altitude Pro, you can use this solution.

Code Installation

The code modifications are included in a fresh copy of the Altitude Pro themes front-page.php & style.css files which logged in members can access below. Otherwise, you can manually install the code modifications using the instructions for logged in members below.

Note : Assumes the use of the following HTML in a text widget in the front page 1 widget area. Also assumes the use of the header menu location. CSS for media queries may need modification when using HTML other than the default.

Register or login to access the download folder & modified code for members :

Register for full access

Related Tutorials

  • Replace Front Page 1 Widget Background With Video In Altitude Pro 1.4 & 1.5

Altitude Pro Video

Reader Interactions

Comments

  1. CHRISTOPHER BOGENSCHUTZ says

    March 13, 2020 at 4:05 pm

    Thank you! Worked well!

    Log in to Reply
  2. Monika Trebo says

    November 19, 2019 at 1:30 pm

    Works and looks great!

    Log in to Reply

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