Dear SiteOrgin team,
I’m probably about to ask an incredibly rookie question, so please forgive me if so. I promise I’ve looked over the forums and tried to find the answer for myself.
I’ve been using the Vantage theme for years on another website, to great effect and I appreciate all the love and care your team puts into it. When our company wanted to refresh the main website, I transitioned it to use Vantage as well.
While it looks great on monitors and tablets, something strange is happening on mobile. Let’s say I have a row with three columns, typically, I would expect that row to collapse into three rows with the contents of the left-most cell on top, followed by contents of the second cell, and lastly the right-most cells contents. I have the row layout settings for collapse set to “standard” and “default”.
Instead, it looks like everything is simply being resized to screen width, so that the top content of cells 1,2, and 3 are shrunk and placed beside each other on the same level, and the rest of the content following suit throughout. This makes the text crash together and become illegible.
Under the Customize > Theme Settings > Layout options, I do have Responsive Layout checked and the settings are the same as the other separate website where this works as expected, the only differing component being this website has “Full Width” layout and the other is “Boxed”.
I have seen other similar problems on this forum and tried to follow the responses (such as changing the mobile menu) but that didn’t work for me. I have also tried putting each cell’s contents in its own Layout Builder Widget to see if it would work, but it still shrinks rather than collapsing.
The problem is pretty egregious on the team page (https://kepleybiosystems.com/team/) but happens on the footer as well. And the older site where it works as I expect it to is https://kepleyk9.com/
I appreciate any help, and thanks once again for such a great product.