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:
I am an independent WordPress web consultant with 10 years of experience in WordPress theme installation, customization, administration, maintenance, support, documentation, troubleshooting and PSD/design to WP.
[…] In the past, I wrote about Infinity Pro's Offscreen widget area in any Genesis child theme. […]
[…] 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
jsin the child theme directory if it’s not present. It will work.