This article is based on Chinmoy’s post.
By default all the pages in Whitespace Pro use full content layout without a sidebar. If you would like to add a right sidebar (Primary) to all singular entries like the individual Pages and Posts, follow along.
Step 1
In functions.php replace
//* Unregister layout settings
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
with
//* Unregister layout settings
// genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
Step 2
replace
//* Unregister sidebars
unregister_sidebar( 'sidebar' );
unregister_sidebar( 'sidebar-alt' );
with
//* Unregister sidebars
// unregister_sidebar( 'sidebar' );
unregister_sidebar( 'sidebar-alt' );
Step 3
replace
//* Force full-width-content layout setting
add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );
with
// Force content-sidebar layout setting to all singular pages
add_action( 'get_header', 'sk_force_layout' );
function sk_force_layout() {
if ( ! is_singular() ) {
return;
}
// Force content-sidebar layout setting
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_content_sidebar' );
}
Step 4
Add the following in Whitespace Pro’s style.css:
.content-sidebar .content {
float: left;
width: 70%;
}
.sidebar-primary {
background: #eee;
float: right;
width: 30%;
padding: 100px 0;
border-left: 1px solid #e2e2e2;
}
.sidebar-primary .widget {
padding: 0 40px;
}
.sidebar-primary h4.widgettitle {
color: #333;
font-size: 28px;
}
.content-sidebar-wrap {
overflow: hidden;
}
.content-sidebar-wrap .content,
.content-sidebar-wrap .sidebar {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
@media only screen and (max-width: 960px) {
.content-sidebar .content,
.sidebar-primary {
width: 100%;
float: none;
}
.content-sidebar-wrap .content,
.content-sidebar-wrap .sidebar {
margin-bottom: 0;
padding-bottom: 0;
}
.content-sidebar-wrap .sidebar {
padding: 60px 0;
}
}
In Genesis theme settings make sure full width content layout continues to be the default.