How can I maintain 3 columns in a row on Dawn 2.0 theme?

Hi! I’m using Dawn 2.0 theme. Regarding the “Multicolumn” on home page. By default, it’s showing 3 columns in a row, but when I try to add a column, it becomes 2 columns in a row, how can I make it still 3 columns in a row? I want to add 3 columns and I want it to maintain the 3 columns in a row.

My store url: chrisandleon.com

Thanks in advance!

1 Like

ca you go to multicolumn section and share the code so I can give you exact solution! @MikeBaguyo

Hi! Do you mean in the customization? or in the “Edit code”? What codes do I share? Thanks!

you can add three columns in one section in customization and add another section of multicolumn then again add three columns in a row!

@MikeBaguyo

Yes, it’s possible. But the space between the 2 “Multicolumn” lists is a little bit weird now, unlike if the columns are all under 1 “Multicolumn” list :disappointed_face: I think it may need some coding which I’m not an expert with :disappointed_face:

@MikeBaguyo

please add 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: 750px){
#shopify-section-template--15298090008815__1635154722a243cb8f .grid--2-col-tablet .multicolumn-list__item {
    margin-top: 1rem;
    max-width: 33.33% !important;
}
}

Thanks!

1 Like

Thank you so much!!! Thank you! :grinning_face_with_smiling_eyes: :grinning_face_with_smiling_eyes: :grinning_face_with_smiling_eyes:

@dmwwebartisan

Hi! I’m switching from Supply to Dawn 2.0 theme. Regarding the “Multicolumn” on home page. My default is showing only 2 columns in a row, but I’d like to show 3 columns, similar to @MikeBaguyo requested. I tried your code pasting at the bottom but this didn’t work for me. I still only have 2 columns. And another issue is my titles are way too big. How can I make the fonts smaller on the home page and my collections pages? Thanks!

section-multicolumn.css

@media screen and (min-width: 750px){
#shopify-section-template–15298090008815__1635154722a243cb8f .grid–2-col-tablet .multicolumn-list__item {
margin-top: 1rem;
max-width: 33.33% !important;
}
}

Ciao @MikeBaguyo , vorrei che la multicolonna fosse a scorrimento anche nella versione Desktop. Come posso fare? È possibile anche attivare uno scorrimento automatico? Grazie

I have a similar question. Instead of 2 rows though, I want 1 row of 4 columns. How can I do that?

https://www.tailoredfoxboutique.com/

This does not work.