Force footer to the bottom of screen - Dawn

Store Design
,
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!