Take Away Spaces Underneath Pages in Footer Menu - Dawn Theme

[babystore123]

Hi! I'm looking to take the spaces away from underneath pages on footer menu.

For example: No spaces under Home, Track Your Order, Shipping and Returns, etc. Also no space under the last page too so there's not a big gap. Thank you!

[Moeed · Accepted solution]

Hey @babystore123 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

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

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @babystore123 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

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

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[babystore123]

Thank you so much!!!! Any idea why 'Home' is underlined and how to make it so it's not underlined?

[Moeed · Accepted solution]

Hey @babystore123 

Keep the previous code and add this new code above </style> in the end of theme.liquid file

.list-menu__item--active {
    text-decoration: unset !important;
    color: unset !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[babystore123]

Thank you so much!!!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.