UI Issues & Mobile Responsiveness

Hi there,

This should help:
https://docs.generatepress.com/article/footer-widgets/

Let me know :)

Thanks, it worked.

But there's lot of white space at the right most side of 3rd footer. I understand its because each footer is left aligned. Can we align each footer to center to make it look better?

Try this CSS:

.footer-widgets .inside-footer-widgets>div {
    text-align: center;
}

As for the social icons, I would recommend replacing them with GB's buttons block with icons:
https://docs.generateblocks.com/article/buttons-overview/
https://docs.generateblocks.com/article/buttons-overview/#icon

The Lightweight Social Icons you are using currently is very outdated and should not be used anymore.

The alignment is fixed except for social icons. Can you help with that?

Also, I'll try using the GB blocks for social icons as you suggested.

Try this CSS:

.widget .lsi-social-icons {
    text-align: center !important;
}

Thanks David, this helped.

Glad to hear that