Center align Logo List items - Prestige Theme

Store Design

Topic summary

A user needed help center-aligning logo list items in Shopify’s Prestige theme, as logos were left-justified on both mobile and desktop despite trying various solutions. The original Logo List code came from Shopify’s GitHub library.

Solution provided:

  • Add custom CSS to the section via Editor/Customize:
    • display: flex
    • flex-wrap: wrap
    • align-items: center
    • justify-content: center

Outcome:
The CSS solution successfully centered the logo icons in rows across both mobile and desktop views on various browser types. Issue resolved.

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

Hi there, I’ve been trying to customise my Logo List custom liquid element but cannot get the logos included to be center aligned on mobile and desktop. Right now, everything is justifying left no matter what solution I try. Most recently, I tried implementing the solution on this “solved” thread but didn’t have any success.

The original Logo List code was taken directly from Shopify’s GitHub library here.

The logo list in question appears on this page: Earp Presents - Portside Festival – earpdistillingco

2

Hi @edcomarketing

Can you try adding below code to the section’s Custom CSS via Editor/Customize

ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

JasmeetVT14313_0-1723095088973.png
JasmeetVT14313_0-1723095088973.png701×619 93.3 KB

If you require further help, please don’t hesitate to reach out.
If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please hit Like and Mark it as Solution!

1 Like
3

Amazing! Thanks for such quick and easy help. This solution has resolved my issue, showing the rows of icons centred on mobile and desktop in a variety of browsers and mobile types

1 Like