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

Store Design
, , ,
1

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.jpg
Screenshot_2.jpg1885×520 57.6 KB

photo_2024-05-16_16-37-58.jpg
photo_2024-05-16_16-37-58.jpg591×1280 37.4 KB

2

Hey @Lambody ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

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

ThePrimeWeb_0-1715871028957.jpeg
ThePrimeWeb_0-1715871028957.jpeg1253×933 87.9 KB

3

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

4

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

5

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