Footer menu in two columns in mobile view: Brooklyn theme

Solved
souravroy
Excursionist
31 0 6

Hey @dmwwebartisan 

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

WhatsApp Image 2020-08-13 at 22.31.46.jpeg

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
32552 3270 10849

This is an 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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 9 (9)
KetanKumar
Shopify Partner
32552 3270 10849

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
32552 3270 10849

This is an 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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
souravroy
Excursionist
31 0 6

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
Shopify Partner
32552 3270 10849

if possible to provide screenshot further issue

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
souravroy
Excursionist
31 0 6
KetanKumar
Shopify Partner
32552 3270 10849

@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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Redha9399
New Member
1 0 1

Hi man,

 

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

KetanKumar
Shopify Partner
32552 3270 10849

@Redha9399 

yes, please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing