Change The Size and Spacing Between Columns in 'Multicolumn' Section on mobile version (Dawn 12)

Hello, everyone!

I’m using Dawn 12.0.0 theme for my website. On one of the pages, I have several Multicolumn sections with different number of columns (4, 3).

So, what I need here is to make the picture and caption in the section with 3 columns (the lower one in the screenshot) the same size as in the section with 4 columns (the top one in the screenshot) and centered for both desktop and mobile versions.

Link to the specified page of my website: https://www.drawandcare.com/pages/our-team

Will be grateful for any help!

Current desktop view:

Mobile view:

Hi @DRAWandCARE ,

It looks like you are creating multiple Muilticolum sections.

I think, if you leave only one Colum in this section, the size will automatically increase, resulting in uneven components.

Please try changing Image with to see if it fixes it ^^

Hope it helps @DRAWandCARE !

1 Like

OhGod, you’re absolutely right, it worked! Thank you so much for your help! :blush:

And one more question: Is there any way to center this column for mobile only, without changing the settings for desktop? Because when I select the number of columns on mobile (1), it’s centered, but becomes larger.

Once again, thank you so much!