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

Lambody · ‎05-16-2024

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.

ThePrimeWeb · ‎05-16-2024

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.

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

BSSCommerce-HDL · ‎05-16-2024

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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