How to reduce the height of the footer

[CreatorTim]

Hey guys, I need help reducing the height of the footer on mobile, so I want to compress everything a bit closer together.

Here’s how it looks on my store:

And here’s how I want it:

So I want to:

• Keep the gap between “STORE” and “LEGAL”
• The gap between “LEGAL” and “NEWSLETTER” should be the same as between “STORE” and “LEGAL”
• Reduce the gap between the newsletter label and the “Newsletter” heading
• Reduce the space between the Store logo and the “STORE” menu.

And here’s my store:https://1049xn-ya.myshopify.com/collections/all

Here is a link to a store that looks how I want it to: https://tomnoske.store/collections/all-products

As I said, I want it only on mobile.

Thanks a lot!

Tim

[Made4uo-Ribe]

Hi @CreatorTim

TRy this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.footer__content-top.page-width .footer-block__details-content, .footer-block--newsletter {
    margin: 0;
}
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[CreatorTim]

Thank you, it works!