Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Does anyone know how to reduce the space in this location in the footer menu on the refresh theme?
Thanks,
Mitchell
Solved! Go to the solution
This is an accepted solution.
Hey @Mitchell9
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>
@media only screen and (max-width: 767px) {
.footer-block__details-content.footer-block-image.center {
margin-bottom: -80px;
}
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @Mitchell9
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>
@media only screen and (max-width: 767px) {
.footer-block.grid__item.footer-block--menu {
margin-bottom: -25px;
}
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @Mitchell9
Kindly share your Store URL and Password if enabled
Thank you, I would like to try and enter the code myself if possible.
Thanks,
Mitchell
I need to have a look on the website so that I can provide you the code you can enter
This is an accepted solution.
Hey @Mitchell9
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>
@media only screen and (max-width: 767px) {
.footer-block__details-content.footer-block-image.center {
margin-bottom: -80px;
}
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
It worked, Thank You!
Mitchell
Sorry one more thing, do you know how to reduce the space between the the text in this location in the footer?
Thanks,
Mitchell
This is on mobile
This is an accepted solution.
Hey @Mitchell9
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>
@media only screen and (max-width: 767px) {
.footer-block.grid__item.footer-block--menu {
margin-bottom: -25px;
}
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Worked Again! Thanks so much!
Mitchell
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025