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

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

    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.

     

    #65213
    Best Answer
    scrambler
    Moderator

    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

    #65222
    dillon
    Participant

    Fantastic – thanks! That works brilliantly.

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