mobile footer layout

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .site-footer .widget ul.menu li {
        text-align: center;
    }
    .footer-widget-3 .wp-container-1 {
        justify-content: center;
    }
    .footer-widget-3 .gb-headline-text {
        text-align: center;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Thank you for the support :)
I also want to change the order of the widgets in the mobile version, and putting the logo first, followed by the menu and, at last, social icons.
could you please helping me again?

Hi there,

add this CSS to re-order the footer:

@media(max-width: 768px) {
    .site-footer .inside-footer-widgets .footer-widget-2 {
        order: -1;
        margin-bottom: 10px;
    }
}

i added the margin-bottom property as well so can adjust the space below the logo if necessary