Columns not stretching to fill space vertically

[m_kraft]

Hello,
I’m having an issue with my columns not responsively stretching to match the tallest column in the row. I have the main row layout setting set to vertical stretch, but it does not make a difference. I was thinking that it was because I have a nested row and two columns within each column in the main row, but I’m not sure why? It would be great to know if there’s a solution for this issue!

[prakash_s]

Hello @m_kraft,

Thanks for writing to us.

To help you with your concerns we need to check your settings, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin-level username and password
• Exact URL

You can find the Secure Note button at the bottom of your posts

Thanks

[m_kraft]

Okay, thanks. I added the note.

[tristup]

Hi @m_kraft,

You need to use some JavaScript which will adjust the height based on a taller one. I would suggest you go through the following thread, which may help you.

How to fix card height issue

Hello - I tried this fix from this post: Level Cards to Same Height But it’s not working for me on my site for some reason. I need help making the cards uniform and make them fade. I cannot figure out how to make it all work.

Geometry Grid Not showing on mobile

Thank you, that worked. The only thing is the columns are not equal below. See the Screenshot below; [Markup on 2022-05-31 at 19:38:56] I want them to be like this; [Markup on 2022-05-31 at 19:39:10] Thank you for your help!

How to align buttons

Can you please tell me how to align the gold buttons while keeping the top aligned as well? (thrid section of the home page) Here is the url: https://warriorsofstone.com/ [Screen-Shot-2023-04-13-at-9.20.00-PM] thank you

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.

Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.

We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. On further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Hope it helps.
Thanks

[m_kraft]

Thanks for the advice. The JavaScript was a bit complex and not giving me the exact results I wanted, so I ended up using this css on the inner columns of my layout:
display: grid;
grid-auto-flow: column;
grid-auto-rows: 1fr;

[ruenel]

Hey @m_kraft,

It is good to know that you have figured out a way to resolved your issue.

Cheers.