CENTER MENU AND LOGO IN FOOTER

To center the logo and menu items of the accordion footer only on mobile displays, add the following code to the general.css file in your theme:

@media (max-width: 767px) {
    #footer-about {
        text-align: center;
    }
    #footer-blocks .row {
        justify-content: center;
    }
    #footer-copyright .row .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    #footer-blocks .footer-block .nav-link,
    #footer-blocks .footer-block .title {
        text-align: center;
    }
}

Please note, only make edits to the code if you are proficient and comfortable with Shopify's theme code editing. Be aware that Ecomgraduates reserves the right to charge for fixing any bugs or issues that arise from modifications not done by our team. Your understanding and attention to this matter are greatly appreciated.