How to reduce the height of the lower footer menu?

Store Design
1

Could someone help me reduce the height of the lower footer menu?

2

Hi @Rickyxane
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

3

Hi @Rickyxane ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.section-footer__row--blocks {
        padding-bottom: 0px !important;
    }
    .section-footer__row-lower {
        padding-bottom: 0px !important;
    }
@media (max-width: 768px){
.section-footer__row--blocks .section-footer__row__col:not(:last-child) {
    margin-bottom: 0px !important;
}
}
4

Hi @Rickyxane,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

    .section-footer__row--blocks {
        padding-bottom: 0px !important;
    }
    .section-footer__row-lower {
        padding-bottom: 0px !important;
    }
@media (max-width: 768px){
.section-footer__row--blocks .section-footer__row__col:not(:last-child) {
    margin-bottom: 0px !important;
}
}
1 Like
5

Thanks again! @CodingFifty is it possible to reduce the height more? So it will be thinner