Need Help Displaying multiple Logos in a Single Row

Topic summary

A user is attempting to display 9 logos in a single horizontal row using their theme’s logo list section. Currently, adding more than 8 logos causes the 9th to wrap to a second line. Switching to carousel layout doesn’t resolve the issue—it creates a slider instead of showing all logos simultaneously.

Proposed Solutions:

  • Increase the “Maximum page width” in Theme Settings > Design (default: 1260px), though this affects all sections site-wide
  • Alternatively, add custom CSS to the Logo list section:
.container {
  max-width: none;
}

Important Consideration:
The responder warns that fitting 9 logos on one screen doesn’t guarantee they’ll display properly on smaller devices—responsive design must be considered for all visitor screen sizes.

The issue remains unresolved pending the original poster’s implementation of suggested fixes.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

I need help with the logo list section on my theme. I’m trying to display 9 logos in a single row, but once I add more than 8, the 9th logo drops to a second line. When I switch to the carousel layout, it still doesn’t show all 9 logos in one row — instead, a slider appears below the logo list to scroll through them.
Can someone help me figure out how to fit all 9 logos in a single row?
attaching a screenshot for reference.

store address: https://technase.myshopify.com/
Password: 12345

Any help is greatly appreciated

1 Like

You may try changing setting in “Theme settings” =>Design => Maximum page width.

It defaults to 1260px – you may raise it so that your logos fit. (this will affect all sections though).

So, alternatively, scroll down the “Logo list” section settings, find “Custom CSS” and paste this:

.container {
  max-width: none;
}

Just remember that there are people with smaller screens. If you fit all 9 in a row on your screen does not make them fit every visitors screen.