Reducing footer space at bottom middle of footer

Solved

Reducing footer space at bottom middle of footer

Mitchell9
Tourist
8 0 0

Does anyone know how to reduce the space in this location in the footer menu on the refresh theme?

 

Thanks,

Mitchell 

 

footer space3.png

Accepted Solutions (2)
Moeed
Shopify Partner
6985 1883 2300

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>

 

Capture.PNG

 

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Moeed
Shopify Partner
6985 1883 2300

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>

Capture.PNG

 

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

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
6985 1883 2300

Hey @Mitchell9 
Kindly share your Store URL and Password if enabled

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mitchell9
Tourist
8 0 0

Thank you, I would like to try and enter the code myself if possible.

 

Thanks,

Mitchell

Moeed
Shopify Partner
6985 1883 2300

I need to have a look on the website so that I can provide you the code you can enter

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mitchell9
Tourist
8 0 0

 

 

Moeed
Shopify Partner
6985 1883 2300

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>

 

Capture.PNG

 

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mitchell9
Tourist
8 0 0

It worked, Thank You!

 

Mitchell 

Mitchell9
Tourist
8 0 0

Sorry one more thing, do you know how to reduce the space between the the text in this location in the footer?

 

footer menu space7.png

 

Thanks,

Mitchell 

Mitchell9
Tourist
8 0 0

This is on mobile 

Moeed
Shopify Partner
6985 1883 2300

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>

Capture.PNG

 

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

Best Regards,
Moeed

 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mitchell9
Tourist
8 0 0

Worked Again! Thanks so much!

 

Mitchell