Home Forums Weaver Xtreme Theme Image columns block – stack on mobile?

Topic Resolution: Answered
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #65211

    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.


    Best Answer

    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


    Fantastic – thanks! That works brilliantly.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.