Multicolumn - Dawn 2.0

[MikeBaguyo]

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!

[Ecommpremium]

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

[MikeBaguyo]

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

[Ecommpremium]

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 

[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 😞 I think it may need some coding which I'm not an expert with 😞 

[dmwwebartisan · Accepted solution]

@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!

[MikeBaguyo]

Thank you so much!!!!!! Thank you! 😄 😄 😄

[reelfishy]

@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;
}
}

[Maxim90]

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

[sharon73]

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/

[Logius]

This does not work.