Resize row columns in mobile

Hi,

That is how columns are set to display responsively, they will drop one below the other. On mobile they will likely not look properly in such a small space. If absolutely required there could be a way. First set a custom class for the row containing the elements
– https://www.screencast.com/t/6yw6ZJkQ
Then based on that custom class manipulate how the columns display on mobile, with a custom code like
– https://www.screencast.com/t/DdF0U56x
This is the code used in the example, it will work on rows split in 4 like you are using

.myclass .td-pb-span3 {
width: 25%;
float:left;
}

It should be entered in Theme panel->Advanced CSS in the phones section, if you should consider this a solution.

Thanks