How can I place 6 buttons in one row in a Image Banner block?

Store Design
,

Topic summary

A user is struggling to arrange 6 buttons in a single horizontal row within an Image Banner block, with equal spacing between them.

Current Status:

  • The buttons have been added but aren’t displaying in the desired layout
  • One support team member requested the page link for further investigation
  • Another user provided a potential CSS solution

Proposed Solution:
Add the following code to the Image Banner block’s Custom CSS:

.banner__box { max-width: 100%; }

The discussion remains open as the original poster hasn’t confirmed whether the CSS fix resolved the issue.

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

I added 6 buttons to a banner image block and now I have a problem placing all the buttons in one row and making the same spacing between the buttons. How can I place 6 buttons in one row in a banner image block?

2

Hi @Bezpallko

Could you please share with us that page link so we can check it further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

3

Please add this code to Custom CSS of your Image Banner block

.banner__box { max-width: 100%; }