1/2 1/2 columns sh

Is there a way to show a row dependent on the device (i.e. computer, tablet, phone)? I have a row split into 1/2 1/2 columns and on a mobile device I would actually like to show the second column first.

Hi There,

Please take a look at this ticket: https://theme.co/apex/forum/t/responsive-column-order/39811/2.

If you use the 1/2 1/2 columns, so the custom CSS should be like this:

@media (max-width: 767px) {
	.flex-row {
		display: flex;
		flex-direction: column;
	}
	.flex-row .x-1-2 {order: 1;}
	.flex-row .x-1-2 {order: 2;}
}

Hope it helps :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.