Dawn Theme Multicolumn - Desktop 3 columns instead of 4

Store Design
1

Hello all!

I have been pulling my hair on this for a while now and the only topic on the forum i could find is this one, but it didn’t work for me.

I have 9 columns in my multicolumn section. I want a display 3x3 on Desktop.

My settings are as below

Damarus_0-1640861079341.png
Damarus_0-1640861079341.png280×619 9.03 KB

The current display is 4 columns on 2 rows and 1 extra on a third row.

The code i might think needs to be changed is:

Damarus_1-1640861363424.png
Damarus_1-1640861363424.png1349×792 39.8 KB

Maybe, from “4col” to 3? or adding padding on both side of the multicolumn to reduce the total width?

I don’t know how to code, I tried to play around with 33,3% width, changing stuff there and there, but didn’t manage to achieve anything.

Can someone please help?

https://yvonnebelhommechampagne.com/pages/crafting-process

Thanks in advance!!

2

@Damarus

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.grid--2-col-tablet.grid--4-col-desktop .multicolumn-list__item:nth-of-type(-n+4) {
    margin-top: 1rem;
}
.grid--2-col-tablet.grid--4-col-desktop .multicolumn-list__item {
    width: calc(33.3333% - 1rem * 3 / 4);
    max-width: 33.3333%;
}
}
1 Like
3

Thank you so much!!! such a fast reply too!!!

4

@Damarus

its my pleasure to help us

5

This code didn’t work at all for me

1 Like
6

@NayMarieDesigns

can you please send store url

7

https://elevatedkitten.com/collections/signature-kitten