Moving an image in the footer a little closer to the brand information

Shopify Discussion

Topic summary

A Shopify user working with the Dawn theme needed help positioning a second logo in the footer, specifically wanting to move it directly under the brand information column.

Solution Provided:

  • Add custom CSS code to the theme.liquid file (before the </body> tag)
  • The CSS targets .footer__content-top .footer-block__grid-item with specific width and gap properties
  • Code uses media queries for responsive design

Outcome:

  • The suggested CSS solution successfully resolved the positioning issue
  • The user confirmed it worked and marked the response as the accepted solution

Note: The conversation contains reversed/mirrored text in several places, but the core technical solution involves modifying the footer grid layout through custom CSS to adjust logo placement.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi.

I’m kinda new to Shopify web design so I’d appreciate some suggestions on my problem. I’m trying to add a second logo to the footer and I’d want to move it right under the brand information column. I’m using the Dawn theme.

The only current CSS on the footer is this:

{
  .footer__content-top .footer-block.grid__item {
    width: 20% !important;
  }
}

Screenshot 2024-06-21 120037.png
Screenshot 2024-06-21 120037.png1767×563 40.7 KB

2

Hello @lorealpm
Can you share store URL?

3

@niraj_patel Here: https://southernconnections.ca/

4

You can add code by following these steps

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

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .footer__content-top .grid { row-gap: 0rem !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

@niraj_patel this worked! Thank you so much!