If I set a zone to display all regions at equal heights, they all appear correctly, but if I add a top or bottom margin to any region, or all regions in a zone with equal height set, then they no longer appear the same height.

In this image, these regions displayed correctly, then I added a {margin-bottom: 10px] to all the regions in the zone, refresh (even cleared cache) and this is the result. Removing the margin fixes again. I tried margin-top with same undesirable results.

margin-bottom

The reason for wanting to do this margin expansion is so the regions do not lay right on top of each other in mobile view. Addin the margins gives the separation in mobile, but messes up the other sizes.

I had mentioned this undesirable effect in another issue post, but thought it could use its own issue.

CommentFileSizeAuthor
equalheightsnotworking.png7.44 KBJSCSJSCS

Comments

cellar door’s picture

cellar door commented
Category: bug » support

In this case I'm not sure equal heights can work how you want as it's going to mess w/ the margins.

One way to get around this would be to have the margin in your global.css and in your default you override it back to 0 and thus get the best of both worlds. Rather than tweaking equalheights give this a shot and see if it works.