Flexbox not working on iphones

Hello,

A section on my website doesn’t work on iphones, even though I have added prefixes for flexbox like this:

#form-row > .x-row-inner {
display:-webkit-flex !important;
display:-webkit-box !important;
display:-moz-flex !important;
display:-moz-box !important;
display:-ms-flexbox !important;
display: flex !important;
}

Hello @triton2020,

Thanks for writing to us.

I checked your given site URL. It seems that you have not added your custom CSS in the theme global CSS box since your style is not rendering on your site. In case if you have already added the CSS in the global CSS (X/Pro—>Theme Option —>CSS) box then it might be the CSS syntax error. I would suggest you check your errors from Csslint.

Please note that we don’t provide custom code and custom development support. It is out of support scope.

Thanks for understanding

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