How to make 2 columns visible on mobile side by side instead of breaking apart?

How to make 2 columns visible on mobile side by side instead of breaking apart? Like this ON MOBILE:

Column1 Column2

instead

Column1
Column2

thanks in advance!

Hi Alex,

Please add this code to the Section’s Element CSS that contains the two columns:

$el .x-column.x-1-2 {
  width: 48%;
  float: left;
  margin-right: 4%;
}

$el .x-column.x-1-2:last-child {
	margin-right: 0;
}

Hope this helps.

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