Marginless Columns with no gap

[jo3]

Please advise me hot to make no spaces when set column as Margin-less Columns.

ref:https://theme.co/apex/forum/t/margin less-columns-gap/1290

I may wish to make 0px between columns and I know there is an option to achieve it.

But when use the following CSS for mobile devices to set content in row, we have to set column to Margin-less is OFF other wise column goes to vertical layout.

So I guess there may adjust make smaller column or make it 0px.

Thanks.

[basanta]

Hi There,

If you set the row as Margin-less column there won’t be any gap or margin between the columns itself.
There is no css required to maintain 0px gap.

I am little confused about your mobile column issue. Can you please explain us a bit with a screenshot so that we can help you on this.

Thanks

[jo3]

OK.

When set Margin-less column it makes no gap. RIGHT.
But, when you see it in MOBILE it goes to in vertical layout that is not expected.
In the mobile separated column show in row with this CSS.(set 3columns)

@media (max-width: 767px)
{
.x-column.x-1-3 {float: left;width: 33%;}
}

In this case, I have to set off THE MARGIN LESS COLUMNS otherwise columns goes in row.

I wish to make 3 columns in row both in PC and mobile.

NO1

NO2

NO3

NO4

NO5

NO6

[christian]

Hey @jo3,

The setup for marginless columns is different that is why the CSS you got from the other thread won’t work.

Try adding this code to your Content CSS

.marginless-columns {
    display:flex !important;
}

See https://youtu.be/7spto0pTHsQ

Hope that helps.