Safari Box Stacking

Support
#1

Hey guys! Appreciate the awesome support, I am having some trouble with how my boxes are being laid out in Safari Version 11.0.1. The boxes are being displayed wonderfully in Chrome, but when it comes to the other browser they seem to stack on each other instead becoming fluid. The page I am having trouble with is http://woocommerce-127036-364143.cloudwaysapps.com/downloads/, I have attached images of the problem below, any help would be greatly appreciated!

#2

Hi There,

Thanks for writing in!

Can you please try adding this css to your global CSS and let us know how this works.

div.x-container.sameheight.max.width {
flex-wrap: nowrap;
}
.sameheight.x-container {
flex-flow: row;
}
@media (max-width: 767px) {
div.x-container.sameheight.max.width {
flex-wrap: wrap;
}
.sameheight.x-container {
flex-flow: row wrap;
}
}

Hope the issue gets resolved. If that doesn’t help please send us your login details in a secure note so that we can have a look.

Thanks

#3

Worked like a charm! Thank you so much Basanta!

#4

You’re most welcome.

#5

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