Hello all, these columns vary in height depending on which size screen they are viewed in. I’d like them all to match. I haven’t had luck generating any CSS that works. Horizon Dwell theme.
p: 3N$7fyxV689k!
Hi @acosmos
In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:
.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column {
gap: 0;
}
Thanks for responding. That fixed it for my main browser window, but on smaller screens and large they are uneven (11” iPad, my theme editor page, large external monitor).
Also seems to have unfortunately taken away the block spacing on the icons + text columns sections.
I’d start with something like this in “Custom CSS” of this section:
.group-block--height-fit {
height: 100%;
}
(You obviously do not need editing theme code for this and using “Custom CSS” on a section will scope the code to appy to this section only – to avoid side-effects).
And set section height to “Auto” to not make your columns grow tall.
Before/After:
Hi Tim, that did the trick! Thank you so very much! I was about to give up on that block.