Footer Menu Spacing on Mobile (Debut Theme)

Solved
Highlighted
Excursionist
15 1 0

I would like to change the spacing in the mobile view only to be closer to one another. Any ideas? Thanks1 

 

 Screen Shot 2019-11-24 at 7.09.58 PM.png

0 Likes
Highlighted
Shopify Expert
667 170 219

This is an accepted solution.

Hi, @kylespender ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

@media only screen and (max-width: 749px){
  .site-footer .site-footer__item {
     margin-bottom: 10px;
  }
  .site-footer__item-inner p.h4, .site-footer__linklist-item {
    margin-bottom: 5px;
    padding: 4px;
  }
}

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
2 Likes
Highlighted
Excursionist
15 1 0

Thanks @OTM ! That worked perfectly. Is there any way to make those menus on the mobile 2 columns next to one another? 

0 Likes
Highlighted
New Member
11 0 0

Screenshot 2020-06-04 at 13.45.20.png

Hi there,

 

I am working in the debut theme and trying to get my footers aligned in colums like the picture attached but I am having no success. I have created the pages and the navigations. Could someone please help? 

 

My shop is www.secretsbox.co.uk 

0 Likes
Highlighted
New Member
11 0 0

Screenshot 2020-06-04 at 13.45.20.png

Hi Kyle,

 

I am working in the debut theme and trying to get my footers aligned in column like the picture attached but I am having no success. I have created the pages and the navigations. Could someone please help? 

 

My shop is www.secretsbox.co.uk 

 

Thanks,

Josh

0 Likes