How can I center and equally space a logo list on desktop?

Store Design

Topic summary

A user encountered alignment issues with a logo list on desktop—logos were neither centered nor equally spaced.

Solution Provided:

  • Add CSS code to the theme.scss file (located in Assets folder via Edit Code)
  • The code targets the specific logo section and applies text-align: center
  • This successfully resolved the centering and spacing problem

Outcome:
The original poster confirmed the fix worked. A secondary user initially asked for clarification about code placement but later found their own solution independently.

Status: Resolved

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi, I’m having issues with the display of a logo list. As you can see on desktop they are not equally spaced or centred.

Website is: https://dextergrooming.com

Help would be greatly appreciated!!

Screenshot 2021-08-09 at 17.12.24.png
Screenshot 2021-08-09 at 17.12.24.png1387×763 167 KB

Screenshot 2021-08-09 at 17.11.41.png
Screenshot 2021-08-09 at 17.11.41.png1630×903 201 KB

1 Like
2

@katieklmmedia

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-1609421961f4bf1ad3 ul {
    text-align: center;
}
1 Like
3

that worked great thank you

1 Like
4

@katieklmmedia

its my pleasure to help us

5

Hi! Do you mean to copy & paste this code in theme.liquid or theme-editor in assets?

RC94_0-1722987716579.png
RC94_0-1722987716579.png774×469 31.2 KB

1 Like
6

@RC94 oh sorry for that issue can you please share your store url so i will check issue and give you proper code

7

Thank you for responding however, I have found a solution! Thank you

1 Like
8

@RC94 Wow That would be great

thanks for update.