Pro 4 columns across Small and Extra Small

Support
#1

Hi,

I have read some similar topics but not how to do this in Pro.

I am trying to create 4 columns that each contain a image. This would only be used on one page and would view on mobile or tablet (vertically) as 4 icons in a horizontal row.

Is there a way to stop these columns from stacking?

Thank You

#2

Hi @djwika,

You can achieve that using css, first add a class to your row.

Then add this in Theme Options > CSS

@media (max-width: 767px) {
.my-row .x-column.x-1-4 {
    width: 22% !important;
    float: left !important;
    margin-right: 4% !important;
}
}

Hope that helps

#4

Thank you got it to work.

#5

Glad to hear that. :slight_smile:

#6

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