How do I make footer same size across every page - Dawn theme


I would like for my footer to look the same and be consistent across every pages.

As you can see on the picture below, the footer on an empty page is almost at the middle of the page, how do I stop this from happening.

1 Like

Hey @US-SELFMADE

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hello @US-SELFMADE
would you like to share your store URL and password(if password protected) so i can Analyze and suggest something for this issue.

https://selfmadeworldwide.com/

hello @US-SELFMADE I checked you are using DAWN theme by shopify

You can add code by following these steps to fit footer always on bottom

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code at the end of theme.liquid

body{ min-height: 100vh !important; } .shopify-section-group-footer-group{ margin-top:auto; }

Hi @US-SELFMADE

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--15773110042833__cart-items {
    padding-bottom: 15%;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!