How do I change proportions of columns in "multicolumn" section (dawn theme)?

Store Design
1

Hi there,

Is it possible to change the proportions of a 3 column “multicolumn” section to 40:20:40 instead of 33:33:33? How would I go about that?

Here’s the page that is the problem: https://yellowathletic.myshopify.com/pages/about

I want to decrease the dead space in the center.

Thanks in advance!!

2

Step 1) Go to the theme customizer

Step 2) Make sure there are only two column blocks in the Multicolumn section like below

multicolumn section theme customizer
multicolumn section theme customizer604×294 9.53 KB

Step 3) Change the multicolumn settings and change the “Number of columns on Desktop” setting shown below

multicolumn setting
multicolumn setting612×1330 48 KB

3

Thanks. I thought of that - decreasing the columns to 2, but then the columns abut one another and I’d like a little space between them.

Do you know if I can increase the padding in the columns? That could be another way around my problem, but I can’t figure out where to do that.

Thanks!

4

What you want to add is horizontal padding between the two column blocks and unfortunately the theme customizer doesnt allow you to do that. You would have to enter your theme code to further customize the padding. By targeting the “multicolumn-list__item” class in the css and adding the custom padding.

5

I think I can handle that, but don’t know what the code would need to be. Any idea?