How to decrease line spacing between links in footer menus - Refresh Theme

Hello,
I am guessing this will require some coding in the footer.liquid. I would like to reduce the excessive spacing in between the links from the footer menus. Any ideas welcome!

Please consider including the store URL.

Hi @Snow_Wolf !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page Url so that I can inspect and send code accordingly

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

Sorry @PageFly-Victor and @Nick_Marketing forgot the store URL!

@Snow_Wolf

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets->section-footer.css

@media screen and (min-width: 750px) {

.footer-block__details-content .list-menu__item–link {

display: block !important;

}

}

.footer-block__details-content .list-menu__item–link,

.copyright__content a {

padding-bottom: 0px !important;

padding-top: 0px !important;

}

Hope you find my answer helpful!

Regards,

PageFly

That did the trick, thanks @PageFly-Victor ! Not to abuse of your time :innocent: but if you happen to know the answer to my question in this thread

Hi,

Not sure if its too late, but the below code should handle what you are looking for:

@media (min-width:768px) {
.footer__content-top .grid {
  justify-content: center;
}
.footer .footer-block.grid__item {
  max-width: 20%;
}
}

Cheers!

@GabrielS Appreciate your input but PageFly’s solution worked and I have already implemented it :).

On a sidenote, I now have two country/currency selectors in my footer, and I can’t seem to figure out why! If you have a clue that would be much appreciated.