Need Help Reordering Footer Layout in Dawn Theme

Store Design

Topic summary

A user is trying to reposition policy links (Terms & Conditions, Shipping Policy, etc.) in the Dawn theme footer to appear below the email subscription form instead of above it. The theme editor doesn’t allow drag-and-drop repositioning for this element, and Shopify support declined to help, citing it as outside their scope.

Proposed Solution:
A community member provided detailed code modifications involving:

  • Editing the footer.liquid file to relocate the policy links section
  • Adding custom CSS to section-footer.css for styling and positioning
  • The changes would move policies to the bottom with centered alignment and proper spacing

Current Status:
The original poster expressed hesitation about implementing the code changes themselves due to lack of technical confidence. The helper offered to implement the changes directly via collaborator access, proposing to work on a theme copy first before publishing. The discussion remains open pending the user’s decision on sharing access credentials.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,
I’m customizing my store using the Dawn theme, and I’m facing a layout issue in the footer.

I would like the policy pages (like Terms & Conditions, Shipping Policy, etc.) to appear at the very bottom of the page, below everything else, including the email subscription form.

Right now, they’re displayed above the email signup section, and I can’t drag or reposition them from the theme editor. I’ve already removed the extra email subscription block that was showing twice, but I still want the policies to be moved lower for a cleaner layout.

I reached out to Shopify support, but even their specialist team couldn’t assist, as they said it’s outside their scope and suggested I ask here in the Community.

I haven’t made any code changes to the theme myself.

Any help or ideas would be greatly appreciated!

Thanks in advance,

2 Likes
2

Hey @Mehdiela1 ,

The issue is that the policy links are currently inside the main copyright section. To move them below everything else, we need to relocate this code section and add some custom styling. I’ve prepared the necessary changes for you.

How to achieve this:

1. Edit the footer.liquid file1. Go to your Shopify admin

  1. Click on Online Store > Themes
  2. Click on Actions > Edit code for your active theme
  3. Under the Sections folder, locate and click on footer.liquid
  4. Replace the entire contents with the code I’ve provided in the attachment
{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}
{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}
{{ 'component-list-payment.css' | asset_url | stylesheet_tag }}
{{ 'component-list-social.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .footer {
    margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
  }

  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: {{ section.settings.margin_top }}px;
    }

    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
  
  /* New styles for policies section */
  .footer__policies-wrapper {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    width: 100%;
  }
{%- endstyle -%}

{% schema %}
{
  "name": "t:sections.footer.name",
  "blocks": [
    {
      "type": "@app"
    },
    {
      "type": "link_list",
      "name": "t:sections.footer.blocks.link_list.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "t:sections.footer.blocks.link_list.settings.heading.default",
          "label": "t:sections.footer.blocks.link_list.settings.heading.label"
        },
        {
          "type": "link_list",
          "id": "menu",
          "default": "footer",
          "label": "t:sections.footer.blocks.link_list.settings.menu.label"
        }
      ]
    },
    {
      "type": "brand_information",
      "name": "t:sections.footer.blocks.brand_information.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.footer.blocks.brand_information.settings.paragraph.content"
        },
        {
          "type": "checkbox",
          "id": "show_social",
          "default": true,
          "label": "t:sections.footer.blocks.brand_information.settings.show_social.label",
          "info": "t:sections.footer.blocks.brand_information.settings.show_social.info"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.footer.blocks.text.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "t:sections.footer.blocks.text.settings.heading.default",
          "label": "t:sections.footer.blocks.text.settings.heading.label"
        },
        {
          "type": "richtext",
          "id": "subtext",
          "default": "t:sections.footer.blocks.text.settings.subtext.default",
          "label": "t:sections.footer.blocks.text.settings.subtext.label"
        }
      ]
    },
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "range",
          "id": "image_width",
          "min": 50,
          "max": 550,
          "step": 5,
          "unit": "px",
          "label": "Width",
          "default": 100
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Alignment",
          "options": [
            {
              "value": "",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "center"
        }
      ]
    }
  ],
  "settings": [
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "scheme-1"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__1.content",
      "info": "t:sections.footer.settings.header__1.info"
    },
    {
      "type": "checkbox",
      "id": "newsletter_enable",
      "default": true,
      "label": "t:sections.footer.settings.newsletter_enable.label"
    },
    {
      "type": "inline_richtext",
      "id": "newsletter_heading",
      "default": "t:sections.footer.settings.newsletter_heading.default",
      "label": "t:sections.footer.settings.newsletter_heading.label"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__9.content"
    },
    {
      "type": "checkbox",
      "id": "enable_follow_on_shop",
      "default": true,
      "label": "t:sections.footer.settings.enable_follow_on_shop.label",
      "info": "t:sections.footer.settings.enable_follow_on_shop.info"
    },
    {
      "type": "checkbox",
      "id": "show_social",
      "default": true,
      "label": "t:sections.footer.settings.show_social.label",
      "info": "t:sections.footer.settings.show_social.info"
    },
    {
      "type": "checkbox",
      "id": "enable_country_selector",
      "default": true,
      "label": "t:sections.footer.settings.enable_country_selector.label",
      "info": "t:sections.footer.settings.enable_country_selector.info"
    },
    {
      "type": "checkbox",
      "id": "enable_language_selector",
      "default": true,
      "label": "t:sections.footer.settings.enable_language_selector.label",
      "info": "t:sections.footer.settings.enable_language_selector.info"
    },
    {
      "type": "checkbox",
      "id": "payment_enable",
      "default": true,
      "label": "t:sections.footer.settings.payment_enable.label"
    },
    {
      "type": "checkbox",
      "id": "show_policy",
      "default": true,
      "label": "t:sections.footer.settings.show_policy.label",
      "info": "t:sections.footer.settings.show_policy.info"
    },
    {
      "type": "header",
      "content": "t:sections.all.spacing"
    },
    {
      "type": "range",
      "id": "margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.footer.settings.margin_top.label",
      "default": 0
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 36
    }
  ],
  "default": {
    "blocks": [
      {
        "type": "link_list"
      },
      {
        "type": "text"
      }
    ]
  }
}
{% endschema %}​

2. Add custom CSS1. While still in the theme editor, under the Assets folder, locate and click on section-footer.css

  1. Add the CSS code I’ve provided at the end of this file
/* Add these styles to section-footer.css */

.footer__policies-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  border-top: solid 0.1rem rgba(var(--color-foreground), 0.08);
  padding-top: 1.5rem;
}

.footer__policies-wrapper .policies {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.footer__policies-wrapper .policies li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.footer__policies-wrapper .policies li::before {
  display: none;
}

@media screen and (max-width: 749px) {
  .footer__policies-wrapper {
    padding-left: calc(4rem / var(--font-body-scale));
    padding-right: calc(4rem / var(--font-body-scale));
  }
}​

If you need any clarification or have any issues implementing these changes, please don’t hesitate to reach out. I’m here to help!

Best regards,

Shubham | Untechnickle

1 Like
3

Hey @Mehdiela1

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

1 Like
4

Hi there,

Thank you so much — I’m infinitely grateful for your help and for preparing everything so clearly! :folded_hands:
That being said, I have to admit I’m not very comfortable making these changes myself. I’m a bit worried I might mess something up or break the layout by accident.

If you’re willing and able, I’d be more than happy to give you access so you could make the changes directly. Let me know if that’s something you’d be okay with.

Thanks again for your support!

1 Like
5

Hey @Mehdiela1 ,

Of course, we’d love to implement this for you! We’ll create a theme copy and add the changes there, once you’re satisfied we can publish it.

You can share your collaborator code on our email below, we’ll get started right away.

Shubham | Untechnickle