How can I edit the Dawn theme to have 5 columns in one row?

Hi,

We are using the Dawn theme 6.0.2.

This is the preview of the site: https://946lx6rmdiigovwa-50129502366.shopifypreview.com

The issue is with the footer section. Currently, the footer has 4 columns as shown in the photo below.

I wanted to add another text column/block to make it 5 columns in just one row like this photo below.

Unfortunately, when I did that, the 4th column (POLICIES) and the 5th column were moved down, making it two rows, as shown in the photo below.

How can I edit the footer to have 5 columns/blocks in just one row?

Please help. Thanks

@Shella-Pateno ,
Hi, There is no default setting for it, It needs some CSS Code Changes.

Hi @Shella-Pateno

1: Online store > themes > Actions > Edit code > Sections > footer.liquid

2:

replace

assign footer_grid_class = 'grid--4-col-desktop'

with

assign footer_grid_class = 'grid--5-col-desktop'

@Kani , thank you so much for your time. I will try this and will let you know. Take care

@Kani , this is what I did:

elsif section.blocks.size == 5
            assign footer_grid_class = 'grid--5-col-desktop'

I changed both to 5. Thank you so much for fixing this issue.

great job!! :clinking_beer_mugs: