Image columns block – stack on mobile?

[dillon]

I’m using the Image Columns block with 3 columns. On desktop or tablet, they look great. On mobile they shrink to two tall narrow columns side by side with a similarly tall narrow column underneath. There’s an example on this page on my site (immediately under where it says “It is important to know”).

Is it possible to get them to stack on mobile? I think they’d look so much better if they stacked with each column taking up the full mobile screen width, instead of displaying as 2+1 really narrow columns.

I have Xtreme Plus.

 

[scrambler]

This reply has been accepted as the best answer.

yes, you should be able to do that by adding the CSS below in the theme global Custom CSS Rule box

.is-mobile .wvrblocks-imgcols__has-3 .wvrblocks-imgcols__column {width:100%;margin-right:0;margin-left:0;}

Add a margin-bottom if you want a separation

If it does not work, post pack with the rule in place

[dillon]

Fantastic – thanks! That works brilliantly.

[Author]

Posts