Refresh Theme - Center & Stack Footer Menu On Mobile

Store Design
6

Hi @shanagarryceo ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .footer__content-top {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer .grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
        text-align: center;
    }
    .footer-block.grid__item {
        margin-top: 0 !important;
    }
    .list-menu__item {
        justify-content: center;
    }
}

I hope it would help you
Best regards,

Kate | PageFly