Need footer to follow browser's bottom

Hi there,

I’m new to blocs and my issues is that if there’s a small amount of content on a given page it leaves a blank space between the footer and the bottom of the browser window.

I’ve tried code for a ‘sticker footer’ which locks the footer to the browser’s bottom but when you squeeze the browser window upwards the footer over-rides the page content, I would like the top of the footer to stop a the bottom of the last bloc.

Any solutions out there? thanks.

Make sure the footer is in the bottom global area. Also make sure there is no bloc below your footer, also it could be the bloc padding that is causing the problem.

Casey

Thanks Casey but that was the first thing I checked and I’ve just tried out different padding sizes but my problem persists. I can’t help but think there must be an obvious solution to this, any other ideas?

Kevin

I was going to say to just add a bloc under, but of course that adds to all the pages then.

@Aux1 if was men i would just add anything like a banner or a testimonial or client list or something to pad that page out so no dead space under the footer - good luck!

I picked up a good solution in an old post from Norm…

Select the Bloc in the dynamic area and set its padding to fill screen it will force the site to take up the entire screen cause if foot to be fixed to bottom of browser.

Issue Solved!

But won’t that give a huge section under every page footer? or will it work responsive and fill when needed?

My my theory was just to add a bloc under the footer and set it to XXL padding. - but having that on every page looks a bit off putting.

Unless you just ignore the global footer if you have a few pages and make the footer within the content area of each page and have a bespoke one for the page you need it - and keep away from Global content?

If not many pages, ignore the global and just add a bloc on the bottom on the one you need to fill and duplicate the main section on the pages you want without the fill…

** Not sure if this is what you was after !!? maybe not !!! if not - then just pad the smaller content area to fill?

No, it works responsive and fills when needed. I don’t want my footer scaling out of proportion with the rest of the page. Norm’s solution is both simple and effective.

Kevin

1 Like