Title: Sidebars height Last modified: September 1, 2016 --- # Sidebars height * Resolved [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/) * Is there a way, how can I have non-responsive website, but with sidebars height, heading to footer? Everytime I turn off responsive layout, my sidebars ends in the middle of the page. Viewing 11 replies - 1 through 11 (of 11 total) * Theme Author [nobita](https://wordpress.org/support/users/nobita/) * (@nobita) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485556) * Hi koty97 * > Is there a way, how can I have non-responsive website * Dashboard / Appearance / Customize * Presentation / Layout and Sidebars * You can select non responsive. - 750px centered - 950px centered - 974px * If you need own page width * Code add in functions.php first * ``` my sidebars ends in the middle of the page. * For a variety of reasons, it may not be able to accurately determine the length of the side bar. * If possible, please tell me the URL of the WEB site * Thread Starter [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485622) * My website is [http://www.koty97.8u.cz](https://wordpress.org/support/topic/sidebars-height/www.koty97.u8.cz?output_format=md) * Theme Author [nobita](https://wordpress.org/support/users/nobita/) * (@nobita) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485667) * Your Site return HTTP 403 Forbidden * I’m access from Japan * Thread Starter [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485691) * [http://koty97.8u.cz/wordpress](http://koty97.8u.cz/wordpress) it should work now * Theme Author [nobita](https://wordpress.org/support/users/nobita/) * (@nobita) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485696) * Cause the side bar becomes shorter, has occurred to the height of the wpcufpn_widget theme can not be computed. * You can avoid this problem by describing the style rules. Currently, the height of the side bar, because 1384px necessary * Dashboard / Appearance / Customize * Advanced / Site-wide CSS * paste below style rules * ``` .page-id-2 #doc4 #bd .lsidebar, .page-id-2 #doc4 #bd .rsidebar{ min-height:1384px!important; } ``` * Save Publish * Thank you. * Thread Starter [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485756) * I did as you said, and it fixed my problem on main page, but when I open another page (with more content) [http://koty97.8u.cz/wordpress/skautske-symboly/](http://koty97.8u.cz/wordpress/skautske-symboly/) is still some space under sidebar. * Theme Author [nobita](https://wordpress.org/support/users/nobita/) * (@nobita) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485759) * Please add below * Dashboard / Appearance / Customize * Advanced / Site-wide CSS * ``` .page-id-456 #doc4 #bd .lsidebar, .page-id-456 #doc4 #bd .rsidebar{ min-height:2207px!important; } ``` * Thank you. * Thread Starter [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485768) * Do I really need to set this for every single page? Isn’t there way, how to do this for every page automatically? * Theme Author [nobita](https://wordpress.org/support/users/nobita/) * (@nobita) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485770) * It is an experimental code, but please try to add the following to the end of the raindrops.js * ``` ( function () { setTimeout( function () { var raindrops_main_sidebar_height = jQuery( '.lsidebar' ).height(); var raindrops_extra_sidebar_height = jQuery( '.rsidebar' ).height(); var raindrops_container_height = jQuery( '#container' ).height(); var raindrops_sticky_widget_height = jQuery( '.topsidebar' ).height(); if ( raindrops_main_sidebar_height > raindrops_container_height ) { jQuery( '#container' ).css( { 'min-height': raindrops_main_sidebar_height + 'px' } ); jQuery( '.rsidebar' ).css( { 'min-height': raindrops_main_sidebar_height + 'px' } ); } else { if ( raindrops_sticky_widget_height > 0 ) { raindrops_left_sidebar_height = raindrops_container_height + raindrops_sticky_widget_height + 13; jQuery( '.lsidebar' ).css( { 'min-height': raindrops_left_sidebar_height + 'px' } ); } else { jQuery( '.lsidebar' ).css( { 'min-height': raindrops_container_height + 'px' } ); } jQuery( '.rsidebar' ).css( { 'min-height': raindrops_container_height + 'px' } ); } }, 2500 ); } )( jQuery ); ``` * Thank you. * Thread Starter [koty97](https://wordpress.org/support/users/koty97/) * (@koty97) * [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485780) * Okay, it looks like it works for every page except [http://koty97.8u.cz/wordpress/co-je-skauting/](http://koty97.8u.cz/wordpress/co-je-skauting/) 🙁 Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Sidebars height’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/raindrops/1.700/screenshot.png) * raindrops * [Support Threads](https://wordpress.org/support/theme/raindrops/) * [Active Topics](https://wordpress.org/support/theme/raindrops/active/) * [Unresolved Topics](https://wordpress.org/support/theme/raindrops/unresolved/) * [Reviews](https://wordpress.org/support/theme/raindrops/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 11 replies * 2 participants * Last reply from: [koty97](https://wordpress.org/support/users/koty97/) * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/sidebars-height/#post-7485780) * Status: resolved