[pwong1016]

Hi,

Apologies I have encountered another problem – basically with the pages with shorter content, the footer does not stick/sit to the bottom of the browser window/larger monitors. Instead it sits about 50px up leaving a odd white block at the bottom

FYI (if this helps!) – i have removed the :
“In bootstrap.css about line : 734 block that starts width @media (min-width: 1200px) {” so that my portfolio is 4 cols.

Do you think that effected the footer? please help!

thanks

[ahmetsali]

Hi, i see your point. If this had been a fixed layout template (not responsive) we might force to footer stay at the bottom with some css tricks, even if the content is much shorter. But we can’t do this with responsive layout, so footer gets its position after content section.

But as an alternative solution you can give content a min-height value to force it not to look smaller in height from a certain value, via a Custom CSS like below;

.middle { min-height: 400px;}

Also removing the block;

bootstrap.css about line : 734 block that starts width @media (min-width: 1200px) {”

makes the template look 960px width max even in higher res. desktops. It doesn’t break footer layout, only makes the footer narrower 1200px to 960px width.