Hi,

We've added this on the todo list of the Arkhitekton, that you can be able to change columns within mobile devices, but for now you need some Custom CSS to achieve it.

Add the following style in Appearance > Customize > Additional CSS.

@media (max-width: 768px) {
    .masonry .selector {
        max-width: 50% !important;
    }
}    

Feel free to ask for anything you need.

Kind Regards

Hi,

You can make it even more adaptive, if you need it.

So, with the following classes you can manipulate a lot. First add the following style in Appearance > Customize > Additional CSS.

@media (max-width: 768px) {
    .two-columns-mobile .selector {
        max-width: 50% !important;
    }
    .three-columns-mobile .selector {
        max-width: 33.333% !important;
    }
}

So, in every element that you need the following set, please add it as custom class of the element. https://prnt.sc/r6tfri
 

Kind Regards

You're welcome anytime, feel free to ask for anything you need.

Kind Regards