[gwolf70]

I have the same issue. I just want to make the sidebar with the same body's height. Any help ?

[gwolf70]

OK I found the solution… EASY:

#header .header-area {
padding-top:125px;
margin-bottom:10px;
margin-right: auto;
margin-left: auto;
width: 100%; (INSTEAD OF 960PX)
height: 100%; (INSTEAD OF 400PX)
}

No it's working perfect! Hope this solution helps.

[gwolf70]

You're right header widget area is not responsive. But Genesis Responsive Slider is required in all the pages, so I found out a solution:

1. Add Header area
1. Register a widget area at genesis_header
2. Unregister header widget area, remove header title and description
3. Add CSS.

CODE:

1. Add header area:

/** Add header area logo */
add_action( 'genesis_header', 'header_area_logo' );
function header_area_logo() {
if ( is_active_sidebar( 'header-area' ) ) {
echo '<div class="header-area">';
dynamic_sidebar( 'header-area' );
echo '</div><!-- end .header-area -->';
}
}

2. Register a widget area:

//* Remove the site title
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
//* Remove the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );
//* Remove the header right widget area
unregister_sidebar( 'header-right' );

3. ADD CSS:
#header .header-area {
padding-top:125px;
margin-bottom:10px;
margin-right: auto;
margin-left: auto;
width: 960px;
height: 400px;
}

4. Comment or remove this CSS:
.widget-area {
float: right;
padding: 5px 0 0;
width: 180px;
}

Now Genesis Responsive Slider is showing in mobile devices BUT it cut off part of the images when resolution is below 1024px.

Any clue?

[gwolf70]

I copied and pasted the image here but it's showing a broken link,  how can i do this ?

[gwolf70]

Site is private now I can send you access info in a private message

[Author]

Posts