How can I add a fullwidth logo to a Dawn theme footer?

Store Design
, , ,

Topic summary

Goal: Add a full-width logo to the footer of a Shopify store using the Dawn theme; a screenshot illustrated the desired look.

Solution steps:

  • Edit code via Online Store > Themes > Edit Code.
  • In footer.liquid, insert HTML: a
    wrapping an that uses the uploaded logo’s URL.
  • Add CSS (in a style tag or stylesheet): .footer-logo { width: 100%; text-align: center; } and .footer-logo img { max-width: 100%; height: auto; }.
  • Ensure the source image is large enough to appear full-width without pixelation.

Notes:

  • footer.liquid is the footer template file in Shopify themes.
  • “Full-width” means the logo spans the entire available footer width; max-width: 100% keeps it responsive.

Outcome: The proposed approach worked and was confirmed by the requester.

Status: Resolved; no further questions or disagreements.

Summarized with AI on January 15. AI used: gpt-5.
1

Hey Guys! Hoping to achieve the following look on the footer with the Logo (large white logo)

We are using Dawn theme and I am ok at adding CSS etc but otherwise not great with code but hoping to achieve this fairly simply, any help would be muchly appreciated!!

Screenshot 2023-10-16 at 1.07.59 pm.png
Screenshot 2023-10-16 at 1.07.59 pm.png1144Ă—602 50 KB

1 Like
2

Hello @ByAprilCo ,

To achieve a full-width logo in the footer section, follow these steps:

  1. Go to “Online Store” > “Themes” and click “Edit Code.”

  2. In the footer.liquid file, add the following HTML code:

html

Footer Logo

– Paste the link of logo image uploaded on Shopify.

  1. Customize the CSS in the same file, typically within a style tag at the top:

.footer-logo {
width: 100%;
text-align: center; /* Adjust alignment as needed */
}
.footer-logo img {
max-width: 100%;
height: auto;
}

  1. Kindly ensure that the size of the image matches the desired width for a full-width appearance.

I hope the solution helps you.

Please let me know if you have any queries.

Thank you.

1 Like
3

This is PERFECT! Thank you so much!!