Reduce spacing of menu items when displayed in the footer section - Trade Theme

Solved

Reduce spacing of menu items when displayed in the footer section - Trade Theme

Jt4737
Tourist
4 0 1

Hi, 

 

How can I reduce the space between the menu items which are displayed in the footer? I am using the Trade Theme.

Accepted Solution (1)
Moeed
Shopify Partner
4951 1309 1592

This is an accepted solution.

Hey @Jt4737 

 

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:

Moeed_0-1724674937819.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
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 11 (11)

niraj_patel
Shopify Partner
2378 514 511

Hello @Jt4737 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jt4737
Tourist
4 0 1

Hi Niraj,

 

Here is the url: https://furnitureselection.co.uk/

 

I have just disabled the pw for the site so you can vew.

 

Thanks

 

Jon

Moeed
Shopify Partner
4951 1309 1592

This is an accepted solution.

Hey @Jt4737 

 

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:

Moeed_0-1724674937819.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
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Jt4737
Tourist
4 0 1

Thank you!

 

 

Moeed
Shopify Partner
4951 1309 1592

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.

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Jt4737
Tourist
4 0 1
Hi,

Just liked!

Do you also know how to justify the ‘Main Menu’ so that it’s right justified as opposed to Left?


niraj_patel
Shopify Partner
2378 514 511

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  ul.footer-block__details-content.list-unstyled li a {
       padding: 0 !important;
   }
</style>

niraj_patel_0-1724675152449.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
topnewyork
Globetrotter
633 113 134

Hi @Jt4737 , kindly use below the instructions and code

 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

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

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

 

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

topnewyork
Globetrotter
633 113 134

Hi @Jt4737 , kindly share your store URL. 

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

BSS-TekLabs
Shopify Partner
1973 566 666

Hello @Jt4737 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

Moeed
Shopify Partner
4951 1309 1592

Hey @Jt4737 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️