Footer menu in two columns in mobile view: Brooklyn theme

[souravroy]

Hey @dmwwebartisan 

How to arrange my footer menu in two columns in mobile view (Brooklyn theme)

[KetanKumar]

Hello, @souravroy 

Welcome to the Shopify community!
and Thanks for your Good question. 

Please share your site URL,
So I will check and provide a solution here.

[souravroy]

https://z2cvitabehdiqamb-15671951424.shopifypreview.com

[KetanKumar · Accepted solution]

@souravroy 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 590px) {
.site-footer .grid__item {
    padding-bottom: 5px;
    width: 50%;
    text-align: left;
}
}

[souravroy]

Hey @KetanKumar 

I worked excellently on mobile view, if you check the preview there is some space added after the payment icons.

And how to limit these changes only to mobile view because in desktop the default view looks good .

Thanks.

[KetanKumar]

if possible to provide screenshot further issue

[souravroy]

[KetanKumar]

@souravroy 

Yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 769px) {
.site-footer .grid__item.large--one-fifth.medium--one-half.large--text-right {
    width: 20% !important;
}
}

[Redha9399]

Hi man,

just wanted to know if you figured out how to manage your footer ? 

[KetanKumar]

@Redha9399 

yes, please share store url