Dawn Theme: Need to have 4 collections in the collection list appear on the one row

Store Design
1

Hi there, i need to have 4 collections on my collection list appear on the single row on desktop. pls advise how i do this.

https://boogie-beans.myshopify.com/

2

@annabelleg21 ,

Password

3

deleting original.

4

@annabelleg21 ,

oscprofessional_0-1651125659703.png
oscprofessional_0-1651125659703.png1539×864 17.8 KB

5

I just logged into the backend using that password, is there a seperate password i need to provide?

6

Can you get in now?

7

@annabelleg21 ,

oscprofessional_0-1651127004531.png
oscprofessional_0-1651127004531.png1839×871 15.3 KB

8

yuteld

9

@annabelleg21 ,

.color-background-1 .collection-list--4-items .grid__item, .collection-list--7-items .grid__item:nth-child(n + 4), .collection-list--10-items .grid__item:nth-child(n + 7) {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) / 1);
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

10

Do i add as a new asset? I can’t see the one labelled above (base.)

11

@annabelleg21 ,

No

there should be a base .scss file in the asset folder.

1 Like