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
7019 1892 2311

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 11 (11)

niraj_patel
Shopify Partner
2391 516 515

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
7019 1892 2311

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Jt4737
Tourist
4 0 1

Thank you!

 

 

Moeed
Shopify Partner
7019 1892 2311

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


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
2391 516 515

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
Astronaut
1299 160 217

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
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

topnewyork
Astronaut
1299 160 217

Hi @Jt4737 , kindly share your store URL. 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

BSS-TekLabs
Shopify Partner
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Moeed
Shopify Partner
7019 1892 2311

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications