How to add an additional menu below footer in Dawn theme?

Store Design
, ,

Topic summary

A user wants to add a full-width, centered menu below the social icons in their Dawn theme footer.

Solution provided:

  1. Edit theme code: Navigate to Online Store > Themes > Edit Code, then open footer.liquid under Sections

  2. Insert menu code: Locate the social icons section (typically under <div class="footer__content">) and add the provided HTML markup below it

  3. Style the menu: Open base.css (or theme.css) and add the CSS code to achieve full-width, centered styling with inline list items

  4. Create the menu: In Shopify Admin, go to Navigation > Add a new menu, name it “Footer Menu”, and add desired links

  5. Link the menu: Replace footer-menu in the footer.liquid code with the actual handle of the newly created menu

The solution involves both liquid template editing and CSS styling to achieve the desired layout.

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

I would like to add an additional menu at the bottom of our website, under where the social icons are. Full width, menu items centered. Using the Dawn theme. Any help is appreciated!

2

hi @SawdustNGlitter

You can add an additional menu at the bottom of your website in the Dawn theme by editing the footer section in your theme code.

Here’s how you can do it:

Steps:

  • Go to Online Store > Themes > Edit Code
  • Open footer.liquid (found under Sections)
  • Find the section where the social icons are displayed (usually under
    )
  • Add this code below the social icons section:
  • Add CSS to Make It Full-Width & Centered
    Open base.css (or theme.css in older versions) and add:
.custom-footer-menu {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.custom-footer-menu ul {
    list-style: none;
    padding: 0;
}

.custom-footer-menu li {
    display: inline-block;
    margin: 0 15px;
}

.custom-footer-menu a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}
​

  • Create a Footer Menu in Shopify Admin

    Go to Navigation > Add a new menu
    Name it Footer Menu
    Add your links

  • In footer.liquid, replace footer-menu with the actual handle of your new menu