In the comments section of How to set up a Welcome section with Image at left and a Text widget on right in Genesis, a user asked:
I’d much prefer this setup in Showcase than the default background image with one widget. Have you provided a tutorial for this kind of thing in Showcase?
Now I do.
In Showcase Pro, site header is transparent by default on desktops and shrinks in height with a solid white background upon scrolling.
In this tutorial, I share the steps to customize Showcase Pro to
1) make the fixed (800px and above) site header shorter with a solid white background color (both on initial page load and upon scrolling down)
2) set up an image at left and text at right in the Front Page 1 widget area
Tested in Showcase Pro version 2.0.2.
Step 1
Let's remove the Javascript that adds header-scroll class to body element upon scrolling down.
In js/global.js delete:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
