Hi eNvy, still loving your theme!
I'm trying to alter the maximum and minimum width for the forum, so it can better support different resolutions (say laptop res to HD screen res).
I have it sorted for the most part. Specifying the min and max for the wrapper has done it all basically:
However I need the forum and sidebar to also match the changing forum width. I think I gave got half way there. Is there any way to set a max and min width for the forum so it can change correctly when you click the side bar button?
I have this in the index template:
And I have this set in the header include (which I have not tried to modify yet for min and max values yet):
Is there anyway to set a sort of dynamic min and max widths for the forum length? The I can have it adjusting fine between resolutions.
Sorry If I am not being clear enough
I'm trying to alter the maximum and minimum width for the forum, so it can better support different resolutions (say laptop res to HD screen res).
I have it sorted for the most part. Specifying the min and max for the wrapper has done it all basically:
.wrapper {
margin: 0 auto;
padding: 0 20px;
min-width: 1200px;
max-width: 1500px;
}
However I need the forum and sidebar to also match the changing forum width. I think I gave got half way there. Is there any way to set a max and min width for the forum so it can change correctly when you click the side bar button?
I have this in the index template:
<div class="forums" style="float: left; min-width: 940px; max-width: 1240px">
And I have this set in the header include (which I have not tried to modify yet for min and max values yet):
<script type="text/javascript">
jQuery(function($) {
$(".clickedbuttons").hide();
$(".buttons").click(function() {
$(".sidebar").animate({height: "hide", opacity: 0}, 500,
function() {
$(".forums").animate({width: "1500px"}, 500);
});
$(this).hide();
$(".clickedbuttons").show();
$.cookie("sidebar","collapsed", {expires: 365});
return false;
});
$(".clickedbuttons").click(function() {
$(".forums").animate({width: "1240px"}, 500,
function() {
$(".sidebar").animate({height: "show", opacity: 1}, 500);
});
$(this).hide();
$(".buttons").show();
$.cookie("sidebar","expanded", {expires: 365});
return false;
});
if($.cookie("sidebar") == "collapsed") {
$(".buttons").hide();
$(".clickedbuttons").show();
$(".forums").css("width","1500px");
$(".sidebar").hide();
};
});
</script>
Is there anyway to set a sort of dynamic min and max widths for the forum length? The I can have it adjusting fine between resolutions.
Sorry If I am not being clear enough
