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 :

Related Tutorials


Comments

2 responses to “Add MP4 Video Background To Front Page 1 Widget In Altitude Pro Versions 1.1.3”

  1. CHRISTOPHER BOGENSCHUTZ Avatar
    CHRISTOPHER BOGENSCHUTZ

    Thank you! Worked well!

  2. Monika Trebo Avatar
    Monika Trebo

    Works and looks great!

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.