On mobile view, how I can make two columns to show on 1 row?

[koosang153]

I get the responsive concept… 4 column setup will become 1 column on mobile.

But, having a logo for each column, and 1/4 + 1/4 + 1/4 + 1/4 looks good on pc view,
but looks awkwardly too big on mobile view because one huge logo shows up inline

is it possible to make one section maintain the 2 column or even 4 column on mobile?? same as how it looks on pc?

Please advise.

[jade]

Hi there,

Please add a class to the section that contains the columns that you want to remain to be displayed in 4 columns on mobile then add this code to the Global CSS:

.col-4 .x-container .x-column {
    width: 25% !important;
    float: left !important;
}

The code above assumes that the class you added to the section is col-4 .

You can find the class field when you click on the customize option of the section.

Hope this helps.