[Support request] mobile footer layout

[Simona]

Hello,
I would like changing the alignment of the text in the widgets of the footer just for the mobile version, I would like the text center-aligned.
http://www.aleandrobarbieri.it
Is it possible?
Thank you,
Simona

[Leo]

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 🙂

[Simona]

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?

[David]

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

[Author]

Posts