Two columns mobile view

Hi,
is it possible to setup 2 columns view in smallest screen instead of single column? because i have to long scroll down when viewing page with alot of columns on my mobile device

thanks in advance

Hi There,

Thank you for writing in, please add a CLASS stay-inline to your Section where the 1/2 columns are placed. Then add this to Theme Options > CSS

@media (max-width: 767px) {
	.stay-inline .x-column.x-sm {
	float: left;
    width: 48%;
    margin-right: 4%;
	}
	.stay-inline .x-column.x-sm:last-child {
	margin-right: 0;
	}
}

Just keep in mind that with this kind of layout in a small device, the content may look squeeze or overflow on the column.

Hope it helps,
Cheers!

1 Like

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