How can I evenly distribute sections in a Dawn multicolumn?

Store Design
, ,
1

Hi! I was wondering how can I re-distribute the three sections on my multicolumn to be the same wide as the banner. (and using the blank space on the sides)

Thanks!

2

Hello @cesabellon ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to theme.liquid file → find the code similar to this:

Add a custom CSS class or ID to the multicolumn section div, like so:

Go to Assets folder → base.css file → add this following code

.equal-width {
  display: flex;
}

.equal-width .column {
  flex: 1;
}

Save and preview

Hope this can help. Let us know if you need any further support.

Ali Reviews team.