Colums high css problem with Safari

Hi!

I have the page: http://demo.finnguru.fi/ and with Chrome the same height columns work well. But Safari it looks bad. Could you please check, the collumns are not lined.

Realted to this:

Hello @Anni,

Thanks for posting in!

Please remove this inline element css in your row container:

display: flex;flex-flow: wrap;

Hope this helps. Please let us know how it goes.

Hi!

I am sorry, but it not help. Then it does not keep the column height equal.

Hello Anni,

Since it does not work, please remove the code and any other codes for your columns.

display: flex;flex-flow: wrap;

You may used the JS version of getting your columns to have the same heights.
You can check this out:

Please let us know if this works out for you.

Finally, I got it working. Not with JS, in iPad size it made the column hight so that the text didn’t fit there, it came out from the box (below the box).

I cleaned the code and after trying JS, I followed again the CSS instructions from here:
https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272

And now it seems to be working. Thank you!

You are most welcome!
It’s nice to know that you have figured out to resolve the issue.

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