Column stacking on mobile

Hey Nick,

Thanks for writing in!

I am sorry but we do not have such an option for now.

Though you can add the below-given CSS to achieve this.

/* For Mobile */
@media (max-width: 767px) {
	.uagb-columns__wrap .uagb-columns__inner-wrap {
        display:flex;
        flex-wrap:wrap;
    }
    .uagb-columns__wrap .uagb-columns__inner-wrap .uagb-column__wrap {

        flex-basis: 50%
    }
}

/* For Tablet */
@media (max-width: 976px) {
    .uagb-columns__wrap .uagb-columns__inner-wrap {
        display:flex;
        flex-wrap:wrap;
    }
    .uagb-columns__wrap .uagb-columns__inner-wrap .uagb-column__wrap {

        flex-basis: 50%
    }
}

Hope this helps you.

Regards,
Rajkiran

Hi,

Thanks for coming back to me. The code didn’t work on my dev version, but I have managed to solve it now.

Many thanks,

Nick

Hello @lathamsdoors,

Awesome. We are glad to hear that you could figure it out.

Do let us know if there’s anything else we can help you with.

Regards,
Sweta

@lathamsdoors how did you resolve it? I’m struggling with the same issue

Hello @jdaviescoates ,

Could you please open a ticket with us from here so that I can help you out?

Looking forward to hearing from you.

Hi @jdaviescoates

In the end I used the generateblocks plugin (https://generateblocks.com/) which is very flexible on layouts.

Kind Regards,

Nick

Hello @jdaviescoates ,

If you need anything else we can help you with, please don’t hesitate to open a new ticket.
?
Have a nice day and week ahead! ??