ipad displays masonry block incorrectly when inset is blank

When I remove all modules from the inset area the layout breaks down when displayed on the iPad.

I'm expecting two single-width colums of modules to display under the mainbody block with the right margin of the mainbody to align with the right side of the right column of modules. This is how it does in a PC browser when the width is reduced.

But on the iPad, the right colums of blocks is positioned too far to the right. It is as though the blocks are spread across the entire view port, and not the mainbody column width.

If I populate the inset with a module, this effect does not occur. The two blocks are positioned under the mainbody, with the right margins aligned properly.

What css property is causing this?

Hi

Please tell me an url to Your website and attach a screenshot of an iPad view with an area You want to change.

I can provoke this issue by simply not publishing anything in the inset, and having some blocks displayed in sidebar.

This is the same site a I'm having the Android/FF issue on. I've worked around it by having three different blocks, each displaying in one layout - e.g. desktop, tablet, mobile.

For now, consider this one closed.

Hi

Actually I think that You have found a right solution. Inset position is for a different use and divide only mainbody part, so it's better to avoid it when You want to achieve a column like effect.

For what it's worth, I think that the template's Layouts -> "Tablet min. width" is the setting that is intended to deal with this issue.

Consider this issue closed.

Hi

Ok. Thread closed.