Shopify Dawn Theme Mobile View Footer

Topic summary

A user is customizing the Shopify Dawn theme footer to be mobile-responsive. Their brand logo displays correctly on desktop but appears too large on mobile devices.

Initial Problem:

  • Footer logo sizing issue specific to mobile view
  • Site still in development (work-in-progress)

Solution Provided:
A CSS media query was shared to resize the footer logo on mobile screens (max-width: 749px):

  • Reduces logo to 70% width with centered alignment
  • Code should be added to the end of base.css file

Implementation Issues:

  • Initial attempt failed due to a missing closing bracket (}) in the CSS
  • Screenshots were provided showing the correct bracket placement
  • Solution ultimately worked when applied to custom CSS instead

Follow-up Request:
User asked about adjusting padding between the logo and the โ€œQuick Linksโ€ section below it. Additional CSS code was provided to control margin spacing for the footer image block on mobile.

Status: Resolved - Logo sizing issue fixed, with additional spacing customization code provided.

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

made this change, but it is still not working :disappointed_face: