Change layout on each device size

[emwillett]

Is there a way to change the layout of a page based on the device size it’s being viewed on?

For example my about page looks like this on desktop:

and this on an ipad:

I would like the ipad view to have the content stack in one column vs be in two columns. How do I do this?

[ruenel]

Hey There,

Did you added a custom css code to achieve this layout? If you are using the default section, rows or columns, this should collapse in smaller screens. Meanwhile, you can also use this custom css to resolve your issue:

@media(max-width: 979px){
    .x-column {
        width: 100% !important;
        float: none;
    }
}

Please let us know if this works out for you.