[Resolved] UI Issues & Mobile Responsiveness

[Anant]

On the footer, I want to display only 3 columns instead of 4

[Leo]

Hi there,

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

Let me know 🙂

[Anant]

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?

[Leo]

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.

[Anant]

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.

[David]

Try this CSS:

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

[Anant]

Thanks David, this helped.

[David]

Glad to hear that

[Author]

Posts