How to Change the Spacing Between Multiple Footer Linklist Menus on Mobile

Solved
joanneyun
Tourist
16 1 3

Hi there,

I've just customized the line spacing within footer menu items on mobile using code I found elsewhere on the Shopify Design board, but now I'd also like to increase the spacing BETWEEN the three  items ("The Garden Journey" / "Follow Us" / "Join us on our journey".

Website URL: http://takethegardenjourney.com/

Could anyone help me out with this?

Screenshot_20210427-172002.jpeg

0 Likes
g33kgirl
Shopify Partner
223 59 71

This is an accepted solution.

You can add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css) :

 

@media only screen and (max-width: 768px) {
  .site-footer__item {
    margin-bottom: 35px;
  }
}

 

 

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
joanneyun
Tourist
16 1 3

Thank you so much!!

0 Likes