How to center logo list header impact theme

How to center logo list header impact theme

mborregales
Tourist
4 0 1

Hello,

 

I was wondering how to center the logo list header that I have here. 

mborregales_0-1721244102493.png

Most of my code is just copied from the shopify logo list site: https://shopify.github.io/liquid-code-examples/example/logo-list 

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

Hi @mborregales 

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

BrainStation23
Shopify Partner
416 62 61

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

 

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.

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
mborregales
Tourist
4 0 1

Hi, I tried that and it just made my logo images' alignment messed up. 

mborregales_0-1721334061001.png

It didn't address the issue which was the text, not the images. I wanted the text to be centered on the page. The part that says "Shop By Brands".