Parallax Pro Tutorials

The Parallax Pro archives include tutorials related to the default modification & customization of the Parallax Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Menu Logo Menu Using CSS Grid In Parallax Pro

The solution in this download folder enables you to display the primary menu to the left, the header image in the middle and the secondary

Copy Front Page Template With Unique Widget Areas Using Different Background Images – Parallax Pro

This page template in this download folder can be used once only to make an exact copy of the Parallax Pro themes front page. Note : If you

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

Add Centric Pro Scroll Down Arrow To Parallax Pro

This tutorial shows you how to add the down arrow from the Centric Pro child theme to the Home Section 1 widget area in the Parallax Pro

Parallax Pro Front Page As Page Template – Easy Setup Version

This template enables you to create unlimited pages like the front page of Parallax Pro child theme by StudioPress. The template only works

Genesis After Header Parallax Template

This download includes 2 templates which enable you to add a image after the header with the Parallax Effect. You can overlay either the

How To Replace Images On Mobile Screens Only

This download includes the code which enables you to display a different background image for any widget area on mobiles. In this case, you

After Header Parallax Image

This download adds a widget area after the header with a background image. The widgets background image moves at a different speed to the

Add Parallax To Genesis Sample Theme

This template adds parallax to the background image sections in the front page of the new version of the Genesis Sample child theme by

Add Parallax To Infinity Pro Themes Front Page Image Sections

This tutorial shows you how to add a parallax scrolling effect to front page 1, 3, 5 & 7 background images so they move at a different speed

How to add Parallax Scrolling effect to Header Hero in Essence Pro

This tutorial provides 2 different ways to add the parallax effect to the Header Hero on the Essence Pro themes front page. Firstly, here's

Parallax Pro Full Width Responsive Site Header Elements

This tutorial enables you to increase the width of the header right widget area for the nav menu widget so all menu items display on 1 line

Parallax Pro MP4 Video Background Behind Home Section 1

The code in this tutorial enables you to replace the home section 1 background image with a full screen WordPress hosted MP4 video

Replace Home Section 1 Background Image With Slider in Parallax Pro

This tutorial provides the code which enables you to replace the home section 1 background image in the Parallax Pro child theme by

Add Full Browser Width Slider to Any Parallax Pro Home Section Widget Area

This tutorial shows you how to add a slider to any widget area in the front page of the Parallax Pro child theme by StudioPress. Here's

Add Content Sidebar Layout Styled Like Sample Theme To Parallax Pro

This tutorial provides the instructions and code edits you need to make to add a sidebar to the right of the content area on all pages

Parallax Page Template For Use On Unlimited Pages in Genesis

This template enables you to use the Parallax Pro themes front page template ( by StudioPress themes ) on unlimited pages. No need to

Parallax Page Template for Genesis

This tutorial includes the code which creates a new custom page template for the Parallax child theme by StudioPress. Note : This new