Footer Menu Spacing on Mobile (Debut Theme)

[kylespender]

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

[OTM]

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

[kylespender]

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

[JoshGoodz08]

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

[JoshGoodz08]

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

[FXTUL]

Hello, I followed your method of operation. Since I did not find the code file of theme.scss in my theme, I copied the code you gave to the bottom of the code file of base-css. It didn’t work, and the footer menus were still spaced out. Can you take a look at it for me? Thank you!