Solved

How to reduce the spacing between the footer menu buttons for pc and mobile version

Lambody
New Member
10 0 0

Hello. How to reduce the spacing between the footer menu buttons for pc and mobile version? Can you please tell me the code? My theme Dawn.Screenshot_2.jpgphoto_2024-05-16_16-37-58.jpg

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
2038 589 463

This is an accepted solution.

Hey @Lambody,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

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

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1715871028957.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

BSSTech-Venture
Shopify Expert
281 62 67

This is an accepted solution.

Hi @Lambody,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css 

Step 3: Insert the below code at the bottom of the file -> Save

.list-menu__item--link {
   padding-bottom: 0!important;
   padding-top: 0!important;
}


@media only screen and (max-width: 989px) {
    .footer-block__details-content .list-menu__item--link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

Hope this can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2038 589 463

This is an accepted solution.

Hey @Lambody,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

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

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1715871028957.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Lambody
New Member
10 0 0

The code works. Thank you very much for your help!

BSSTech-Venture
Shopify Expert
281 62 67

This is an accepted solution.

Hi @Lambody,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css 

Step 3: Insert the below code at the bottom of the file -> Save

.list-menu__item--link {
   padding-bottom: 0!important;
   padding-top: 0!important;
}


@media only screen and (max-width: 989px) {
    .footer-block__details-content .list-menu__item--link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

Hope this can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Lambody
New Member
10 0 0

Thank you, all the codes work perfectly!) Thank you very much!