I have a column with 4 small images that I do not want to stack in mobile view. I would like this to stay as 4 columns in mobile and tablet portrait view. How do I make this happen?
Hi There,
Thank you for writing in, Please add the custom CSS below on your Theme Options > CSS.
/* Inline 1/4 columns on mobile*/
@media (max-width: 767px) {
.inline-1-4 .x-column.x-1-4 {
width: 22%;
float: left;
margin-right: 4%;
}
.inline-1-4 .x-column.x-1-4:last-of-type {
margin-right: 0;
}
}
Then add a CLASS inline-1-4 to that section (your second section)
But before you do that, please address this couple missing closing bracket issue or else that CSS above not gonna work.

Hope it helps,
Cheers!
1 Like
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.