Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 16, 2017 at 5:10 am #733870
    DaFool71

    I am trying to get my sidebar to extend the entire length of the page and I haven’t had any luck with it.
    Here is the CSS i’m using

    #top #main .sidebar {
	background-color: #f9f9f9 !important;
	padding: 20px !important;

}

.inner_sidebar {
	margin-left: 0px !important;
}

    Here is the link to my site so you can see what I mean.

    http://dmxsradio.com/

    Thanks in advance

    January 18, 2017 at 6:23 am #735129
    Ismael

    Hey DaFool71,

    Thank you for using Enfold.

    Please remove the css modification then add this code in the functions.php file:

    
// set sidebar height
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
	<script type="text/javascript">
	(function($){
		var a = function() {
			var ch = $('.container .av-content-small.units').height();
			$('#top #main .sidebar ').css('height', ch);
		}

		$(window).load(function() {
			a();
		});

		$(window).on('debouncedresize', function() {
			a();
		});
	})(jQuery);
	</script>
	<?php
}

    Best regards,
    Ismael

    January 19, 2017 at 4:17 am #735653
    DaFool71

    Awesome thank you! The sidebar stops short of the footer though and does not bump right up against it.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Sidebar set to 100% browser height’ is closed to new replies.