Dawn Theme - Fix footer at the bottom of the page

[SM19]

Hello,

I'm trying to figure out how to make the footer stay fixed at the bottom of the page, regardless of how big the display is or how much you zoom out of the page. On the Dawn demo-store, you can zoom out indefinitely and the footer stays attached to the bottom, but this is unfortunately not the case for my site. Let me know if there is an accepted solution to this!

I've attached screenshots that show the Dawn demo-store and my store. You can see that the footer floats under the body content on my store, and is not fixed to the bottom of the page/screen.

[fadi_yousif]

The footer is fixed at the bottom by default. You or someone else must have modified the theme code.

[SM19]

I don't think that's true - there's many posts about a similar issue here, although they seem to be for older versions. I even contacted Shopify support and they couldn't figure it out.

[SM19 · Accepted solution]

Ok do I did some digging and found something out. Apparently if I add an announcement bar to the top of my site, the footer stays attached to the bottom of the page. If I remove the announcement  bar block from the top of my site, the footer does not stay attached to the bottom of the page. Why does this dependency exist? Good question. Hopefully someone from Shopify can shed some light on this.

Anyways my "solution" is to have an announcement block on top of the page that is hidden from view.

[BCC_Tx]

I have Craft theme and tried the "Announcement Bar" trick and it worked for me as well.  

These are senseless frustrations with Shopify and such a waste of time trying to figure out, what should be, simple, common sense things.