Thanks! That has worked.
Are you able to give some guidance on what code I need to add for the image to appear within the first column of the footer?
Topic summary
Goal: Tweak the footer layout by moving the copyright notice beneath the payment icons and add a B‑Corp logo under the “/skin regimen” column, sized to fit.
Progress:
- Payment area: A CSS solution was provided and confirmed working. It uses a media query to adjust the footer’s sub container on desktop: .footer–sub { flex-direction: column-reverse; } and .footer–sub–block { flex: 1 1 100%; } (applied at min-width: 768px) so the copyright sits below payment icons.
- Logo: Initially advised to use a footer section option or add an image setting via the footer schema. The requester later added the B‑Corp logo to the first footer column successfully.
Current issue:
- On mobile, the B‑Corp logo is not centered. The requester wants it centered only on mobile, while remaining left-aligned on desktop. Desktop vs mobile screenshots and a footer.liquid snippet were provided.
Status:
- Payment icon/copyright placement resolved.
- Mobile logo alignment unresolved; awaiting CSS guidance targeting mobile-only centering. Images and the footer.liquid code are central to the fix. The thread remains open.