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;
    }
}

Last updated