Refresh - Multicolumn: Change column size

[CaliforniaGold]

Hi I have the multicolumn section on my website. I have 4 columns which I would like on the same line but it limits to 3 per line and then moves the 4th column down. Is there a code I can input that will allow for 4 columns on one line?

Thanks!

[made4Uo]

Hi @CaliforniaGold ,

Try this code below.

1. Go to Admin > Online store > Themes > Actions > Edit code
2. Go to Asset folder, and open the base.css file
3. Add the code below.

@media screen and (min-width: 990px) {
.multicolumn-list .multicolumn-list__item.grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
}

[Sheesh_b]

Hi @CaliforniaGold

Just click on Multicolumn and you’ll see the option to set columns on desktop.

[CaliforniaGold]

Worked perfectly Thanks!