Offset Buttons

Hey Guys

I’m wondering if you can help me or guide me with a fix to this?

Basically, when the page gets smaller the text in each column gets longer offsetting the buttons.
I understand this is due to the page being responsive and the text in both columns isn’t the same amount of characters but is there a way to ensure the buttons always stay level with each other?

I tried adding another row underneath the text but, of course, that didn’t work because then it all collapsed wrong for mobile.

See attached:

Thanks in advance for the awesome support!

Hello Niall,

Thanks for writing in!

Please understand that the buttons will start right after the end of the text element. The buttons were not aligned because the text element’s height is not the same. The only way to align the buttons is to have the same text element content height. You can set the same minimum height for each of the text elements so that the buttons will start off in the same heights. Adding any margin or padding to the button will not help. Making the buttons positioned as absolute or fixed might work but it will make it more complicated. It can only be adjusted with the text element’s height.

Hope this helps.

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