How to change Dawn Footer Sections to multiple columns as default on desktop?

Store Design
1

Hi everyone;

The first time, I created the site, the footer was the same as default (divided into 3-4 columns), then it suddenly “changed” into only 1 column as shown on mobile.

VuongTuanAnh_0-1638011382554.png
VuongTuanAnh_0-1638011382554.png1599×852 47.8 KB

How can I switch the Footer Sections (Dawn theme) to multiple columns as the theme default on desktop?

My site: here

Thank you;

2

@VuongTuanAnh

Please add following css your assets/base.css bottom of the file .

@media screen and (min-width: 750px){
.grid--4-col-tablet .grid__item {width: calc(25% - 1rem * 3/ 4) !important;}
}

Thanks!

3

Thank you @dmwwebartisan , it works perfectly!

4

This did not work for me. Any suggestions?

5

This solution didn’t work on my site using the Dawn theme.