Please share your store live link with your Password. So I can see your store and would be help for you.
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.