How do I make the links in the footer smaller on the mobile website

[N4th4nsgt]

I've been struggling to get the correct sizing on the links to other pages in the footer.  

This is what my website footer looks like. 

I would like it to look something similar to this where it concise and take up less space on the screen.

My website address is https://brewbarncoffee.com/

and I've set the log in password as Shopifyhelp

Thank you for your time.

[Beae_Cass · Accepted solution]

Hi @N4th4nsgt ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
@media only screen and (max-width: 747px){
.footer-block__details-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}
</style>

Best regards,

Anthony

[N4th4nsgt]

Its worked and looks great thank you. 

[Beae_Cass]

Glad that helps you! Have a good day 😊