Footer menu in two columns in mobile view: Brooklyn theme

Solved
Highlighted
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

1 Like
Highlighted
Shopify Partner
7457 1032 2592

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Highlighted
Shopify Partner
7457 1032 2592

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
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.

0 Likes
Highlighted
Shopify Partner
7457 1032 2592

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
31 0 6

WhatsApp Image 2020-08-14 at 03.50.05.jpeg

0 Likes
Highlighted
Shopify Partner
7457 1032 2592

@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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes