This members-only tutorial provides the steps to replace the static full-screen background image with a full-screen slider using Smart Slider 3.

Tested in Infinity Pro 1.2.0.
Step 1
Install and activate Smart Slider 3.
Go to Smart Slider in the WordPress admin menu.
Create one from scratch or import a slider from the template library and personalize it.
In my test site, I imported the "Hero Slider" which can be found under "FULL WIDTH" category.
Step 2
Edit lib/customize.php
and change
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Thanks Sridhar
Does this work just as fine as this on tablet and mobile views?
Hello Sridhar,
I’ve followed the steps that were available for free members. I’m certainly having some issues with the header as I could not proceed to Step 2. However I’m willing to become a member as a Infinity Pro user I noticed that there are many valuable practices here that could work for me too.
I’m wondering if this (Smarter Slider 3) works on mobile just as goos as it does on the desktop version. If it does I’ll definitely become a member to learn more. Right now I’m evaluating my options for Front Page 1 area.
Thanks!
Hello Ali,
Yes, this solution is responsive and works fine on both tablets and mobiles.
Let me know if you want me to make the demo live and give you the URL.