How to center and adjust padding for a footer logo on both desktop and mobile?

Topic summary

Main issue: center the footer logo and fine-tune its padding so it appears correctly on both desktop and mobile, matching the look shown in a reference image.

Key details:

  • The store owner provided a shop URL and a mockup image to illustrate the desired layout. Images are central to understanding the target appearance.
  • One respondent states there isn’t a simple theme setting for this; it will require custom code changes (theme customization).
  • Another respondent shared a sample screenshot to confirm the intended design and requested the footer code to provide specific guidance.

Current status:

  • No solution has been implemented yet.
  • Next step: the store owner needs to share the footer code so responders can suggest precise CSS/HTML adjustments (e.g., centering and responsive padding for desktop/mobile).

Unresolved questions:

  • Exact theme and current footer markup/CSS are unknown, which are necessary to propose a concrete fix.
Summarized with AI on March 5. AI used: gpt-5.

I am looking to center my footer logo and make padding adjustments so it will look something like this:

Here is my shop URL: https://shop.allisonjoneshunt.com

TIA!

2 Likes

@emmamelinstudio

Unfortunately, there is no simple solution for this. It would need customization to implement this.

@emmamelinstudio

sorry for that issue

do you have like this?

can you please share footer code