Forum Replies Created
-
AuthorPosts
-
gwolf70Member
I have the same issue. I just want to make the sidebar with the same body's height. Any help ?
gwolf70MemberOK 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.
gwolf70MemberYou'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?
gwolf70MemberI copied and pasted the image here but it's showing a broken link, how can i do this ?
gwolf70MemberSite is private now I can send you access info in a private message
-
AuthorPosts