how to make side bar the same size as content

BB Theme
1

I am trying to make the side bar the same height as the main content area. What is the css tag I need to edit?

.fl-sidebar-left ?

2

currently i am doing it by js

`
var highestCol = Math.max(jQuery(’.fl-sidebar-left’).outerHeight(),jQuery(’.fl-page-content’).outerHeight());

jQuery(’.fl-sidebar-left,.fl-page-content’).outerHeight(highestCol);
});
`

but it wont work if I have a slideshow on the page

3

Hey Mike,

That is correct when using the left sidebar layout. Or you can just use the general classname fl-sidebar. But I don’t think you can assign a value using the outerHeight() method. Try using css and set it as a minHeight.

var highestCol = Math.max(jQuery('.fl-sidebar-left').outerHeight(), 
                          jQuery('.fl-page-content').outerHeight());

jQuery('.fl-sidebar,.fl-page-content').css("min-height",highestCol);

Hope this helps!

Ben

4

Works like a charm. Thanks Ben

5

Anytime, Mike! Enjoy The Beaver! :slight_smile:

Ben

6

just as a side note you will need to put it in a time out like


	setTimeout(function ()
	{
		var highestCol = Math.max(jQuery('.fl-sidebar-left').outerHeight(), 
                          			jQuery('.fl-page-content').outerHeight());

		jQuery('.fl-sidebar,.fl-page-content').css("min-height",highestCol);

	}, 200);
});