Reduce space between footer navigation links (Studio Theme)

Store Design
1

ON DESKTOP & MOBILE

FOOTER: The navigation spacing between the links is too much, is there a way to reduce the space between the navigation (Our Policies) and (Quick Links)? If so can you send me the code and where to place it?

ON MOBILE (ONLY)
FOOTER: Is there code to center the all the content in the footer on mobile only? Is so, can you send me the code and where to place it?

PS I want to mention that I am new to Shopify and am very impressed with the help I receive from the Shopify Community. I get faster responses and better solutions than when I go to Shopify support. Thank you for all you do!

2

Hello @ddenby

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (max-width: 749px){
.footer-block__brand-info {
    text-align: center !important;
    margin-top: 23px !important;
}
.footer-block__details-content {
    margin-bottom: 2rem !important;
}
.list-menu__item {
    display: block !important;
}
}
3

Thank you but it did not work.

4

Hi @ddenby ,

Follow these steps
Go to your online store => Themes => Edit code

Problem 1: Find the section-footer.css file, add the following code to end of that file.

.footer-block__details-content .list-menu__item--link {
  padding: 0 !important;
}

Problem 2: Still add the following code to section-footer.css file above and add the following code to end of that file

@media screen and (max-width: 989px) {
  .footer-block__brand-info {
    text-align: center;
  }
  .footer-block.grid__item {
    text-align: center;
  }
  .footer-block__details-content {
    display: inline-block;
  }
  .footer-block__details-content .list-menu__item--link {
    justify-content: center;
  }
}

And then press save button on the corner

Hope this will help you @ddenby !