Safari stacking columns/breaking rows

Support
#1

Hi, I have a section using 3/5 + 2/5 column rows alternating with 2/5 + 3/5 rows and in Safari, they just stack (instead of appearing side by side), regardless of screen size. I understand this has to do with flexbox issues in Safari but none of the workarounds have worked for me.
This is what should be happening:
ROW 1: 2/5 + 3/5
ROW 2: 3/5 + 2/5
ROW 3: 2/5 + 3/5
ROW 4: 3/5 + 2/5

BUT what is happening is this:
3/5
2/5
(space)
2/5
3/5
3/5
2/5
(space)
2/5
3/5

Really want to keep this layout but running out of time. Can someone help me?

#2

Hello @jlswilton,

Thanks for writing in!

It seems that Safari has a hard time in rounding of the percentage width of the columns. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-column.x-2-5 {
  width: 37.5%;
}

.x-column.x-3-5 {
  width: 58.3%;
}

We would love to know if this has worked for you. Thank you.

#3

This worked! Thanks so much.

#4

You are most welcome!

#5

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