How to center logo list header impact theme

Shopify Discussion

Topic summary

Centering the header text in a Logo List section on the Impact theme. The goal is to center the section heading (“Shop By Brands”), not the logo images.

  • Original setup largely follows Shopify’s Logo List example code.
  • One helper asked for the store URL to inspect directly.
  • Another suggested adding inline Flexbox styles to the container (div with class “section-stack”: style=“display:flex; flex-direction:column; align-items:center;”) and showed a screenshot with centered logos (Impact latest version).
  • The suggestion centered/misaligned the logos but did not center the header text. The OP clarified the issue is specifically the text alignment for the header, not image alignment.

Current status: Unresolved. The provided fix addressed logo alignment rather than header text. Further guidance or store URL access is needed to target the correct element (the heading) for centering.

Notes: Screenshots are central to understanding the alignment outcome and the difference between centering logos vs. centering the header text.

Summarized with AI on December 24. AI used: gpt-5.
3

Hi @mborregales . We’ve installed impact theme and modified some code for logo list section. You can view the output by using below image:

BrainStation23_0-1721282236362.png
BrainStation23_0-1721282236362.png1624×582 27 KB

Your logos are centered. Here is what we did:

  1. In your code, you will find logo-list.liquid or something similar to this.

  2. There you will find a div element with class section-stack. Just add the following style attribute in that div.
    style=“display: flex;flex-direction: column;align-items: center;”

Note: We did it using impact latest version. If the above approach doesn’t work for you then it will be better if you share your store URL so that we can look at it. Please feel free to ask any query.