One of the built-in features of Infinity Pro is the Offscreen Content widget area whose widgets will appear in a full-screen overlay when a floating (always visible) button near the top right of the pages is clicked.
In this tutorial, I share the steps for repurposing the code from Infinity Pro to set up offscreen widget area in any Genesis child theme.
The example below shows a login widget in the Offscreen widget area.
Step 1
Create a file named say main.js in the child theme's js
directory having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
[…] In the past, I wrote about Infinity Pro's Offscreen widget area in any Genesis child theme. […]
How would I manage this with the newest version of the Genesis Sample Child Theme, there isn’t a js folder.
Just create a folder named
js
in the child theme directory if it’s not present. It will work.