I have a major issue with a Latest News section on a client’s website. On certain browsers the columns don’t seem to work. See screen grab. Anybody got any ideas why this is not working properly?
Your columns are not “columns” anymore, in the sens of being ROW widget columns. The ROW widget comes with a specific setup, and by giving the outer elment some FLEXBOX properties, you are now dealing with FLEXBOX columns.
Flexbox is cool, great and is the future of CSS layout, but at present times it’s either not supported byt certain browsers and subject to bug on some others.
Typical defautl thing. Browser give defaults propetings to things, that’s a thing they do. For example when an image has no dimension, Chrome appears to give it width 100%. Which Safari doesn’t do apparently.
Please find screenshots of the iPad portrait where it’s position is wrong and a screenshot of the iPad landscape - correct.
The page in question is the Newsletter page.