Force footer to the bottom of screen - Dawn

Store Design
,

Topic summary

A merchant needed help positioning their footer at the bottom of the page on their Dawn theme store. Currently, the footer sits directly under the content rather than being fixed to the bottom of the viewport.

Solution Provided:

  • Add CSS code to the base.css file (Online Store > Themes > Edit code)
  • The code sets the footer-group section to position: fixed, bottom: 0, and width: 100%
  • Screenshots demonstrate the desired result on both desktop and mobile screens

Status: Resolved - the merchant confirmed the solution worked perfectly.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

How can I force my footer to be at the bottom of the page? For example: https://cncours.com/pages/about

Currently it sits just under the content. Is it possible to force it to the bottom?

Thanks!

2

Hi @csmithco ,

Is this the end result you want ?

Desktop screen

BSSCommerceTC_0-1719938117705.png
BSSCommerceTC_0-1719938117705.png1655×917 16.4 KB

Mobile screen

BSSCommerceTC_1-1719938155814.png
BSSCommerceTC_1-1719938155814.png417×994 17 KB

You can follow these steps:

Step 1 : At Store admin**, Online Store > Themes > Edit code >** find base.css file

Step 2 : Insert below code at the end and Save file.

.shopify-section-group-footer-group {
    position: fixed;
    bottom: 0;
    width: 100%;
}

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution?. This can be a reference for other merchants if they have an issue like you.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance.

1 Like
3

Perfect! Thanks!