This is a customized Genesis Sample (v 2.3.0) with a static full-width front page having a single widget area.
The Front Page 1 section appears in full height of the viewport with its background image behind a transparent header. When scrolling down, the header shrinks and its background color changes to white.
From 1023px and below, the header will no longer be fixed.
Note: This is a child theme of Genesis framework meaning – you need to have a copy of Genesis installed in the WordPress site for this theme to work.
Instructions
1) Download the theme from the link sent to your email after the purchase. Upload and activate it.
2) Create a Page named Home and set it as the static front page at Settings > Reading.
3) Do NOT assign a menu to After Header Menu theme location at Appearance > Menus > Manage Locations.
4) At Appearance > Widgets, drag a Custom Menu widget into Header Right widget area and select your desired menu to appear in the header.
5) At Appearance > Widgets, drag a text widget into Front Page 1 widget area and fill it like this:
6) Replace front-page-1-background.jpg in the child theme’s images directory with your own.
7) Follow this step if you would like to use custom header image (for showing a logo) instead of text site title.
Prepare two versions of your logo image – one having white/light stroke/border and another dark. Sample images.
Upload the regular or dark version in Header Image section in the Customizer. This will appear on inner pages and on the homepage after scrolling down.
Upload the white version to child theme’s images directory.
Add the following in the 1024px min-width media query i.e., in the @media only screen and (min-width: 1024px) block:
.home.custom-header:not(.header-scroll) .site-title a {
background-image: url(images/logo-white.png) !important;
}
where logo-white.png is the name of your white logo.
Support
Support is via email for any questions on re-creating the demo site or regarding help in following the instructions.
Credits
StudioPress’ Showcase Pro.
Recent Comments