Getting buttons to be in a row

Support
#1

Hello there,

On my home page header I want the buttons to be on the same line but I can’t figure out what I need to do to achieve this, hoping someone can help?

Screenshots:

Ben

#2

Hello Ben,

Thanks for asking. :slight_smile:

Please inspect the Container and under Flex Layout > Layout select Row. Here’s a screencast.

Thanks.

#3

Thanks for the reply.

When selecting row it does put the buttons side by side but it doesn’t allow me to add buttons to a new line, side by side. How do I add to a new line and have the elements side by side?

Regards
Ben

#4

Hi There,

It’s possible with the custom CSS.

Please enable the Wrap Children option of your container first:

After that add the two-buttons class to your buttons:

Then add this custom CSS:

.x-anchor.x-anchor-button.two-buttons {
    width: calc(50% - 10px);
}

10px is meaning the left & right margin of your button is 5px.

Hope it helps :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.