Solved

Dawn Theme - Fix footer at the bottom of the page

SM19
Tourist
3 1 1

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.

 

my_store.jpg

 

demo_store.jpg

Accepted Solution (1)

SM19
Tourist
3 1 1

This is an 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.

 

SM19_0-1700175997485.png

 

View solution in original post

Replies 3 (3)

fadi_yousif
Shopify Partner
342 43 66

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

SM19
Tourist
3 1 1

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
Tourist
3 1 1

This is an 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.

 

SM19_0-1700175997485.png