Holy crap… it was the Genesis Layout Extras plugin. I didn’t have any setting in the actual plugin, but it does mess it up if it’s installed and activated. In case anyone else runs into this… there you go!
Thanks Eric… I’ll try again.
I’m getting this same problem. I’ve removed all plugins that have to do with sidebars and have only base WP functionality. Further, I disabled every plugin one at a time to see which one caused the problem… still have the primary sidebar showing up just above the header. This only happens when the default genesis layout is anything but full width layout. So as soon as you choose a default layout that includes a sidebar (which I need for the blog posts), this occurs. I’m stumped :-/.
Ok, thanks for pointing me in the right direction. The code you gave me worked, but not quite correctly, as the widget text was aligned off the left hand side of the page. So I have to change the output from the widget to rather than . That way, I could further style the .widget-wrap inside the featured div id. That centered it.
Here is the final code that worked for me, I added it after the “//After Header Wrap” section. Note that I had to add the contional “if is home” section so it didn’t show up on the homepage.
genesis_register_sidebar( array(
'id' => 'featured',
'name' => __( 'Featured', 'epik' ),
'description' => __( 'This is the featured section.', 'epik' ),
) );
/** Add the featured section */
add_action( 'genesis_after_header', 'epik_featured' );
function epik_featured() {
/** Do nothing on the home page */
if ( is_home() )
return;
genesis_widget_area( 'featured', array(
'before' => '',
) );
}
Then I added this CSS.
#featured {
background: #474747;
color: #FFFFFF;
width: 100%;
margin: 0px auto;
}
#featured h1 {
color: #FFFFFF;
font-size: 32px;
}
#featured .widget-wrap {
width: 1152px;
margin: 0px auto;
}
I got it close with this code.
add_action( ‘genesis_before_content’, ‘include_sidebar_widget’ );
/** Loads a new sidebar after the content */
function include_sidebar_widget() {
echo ”;
dynamic_sidebar( ‘featured’ );
echo ”;
}
genesis_register_sidebar( array(
‘id’ => ‘featured’,
‘name’ => ‘Featured’,
‘description’ => ‘This is where a featured section goes’,
) );
But I can’t get it to show up outside the wrap so it spans the entire width of the page.
Terence,
I created an image file that is 1152px wide by 120px in height, then uploaded it under appearance > header. One other thing I learned is that you also have to make sure that the “show title” check box is unchecked under the themes > customize section, otherwise you’ll get the header text overlay on your logo.
Then, depending on the width of your logo, you have to update this CSS code, as follows, note the change in width from 50% to a specific size of 290px.
.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 120px;
overflow: hidden;
text-indent: -9999px;
width: 290px;
}
Thanks for the response Eric. I went through that tutorial before I posted here, but where I ran into trouble was adding it to the pages, rather than the home.php. I want to add the full width feature widget to only the pages, not the home page. How would I change the code to do this? That is where I get stuck with using the funtions.php file rather than the home.php file.