[Resolved] LSI Footer Widget Title Alignment in Mobile

[Angus]

Hi for some reason when I go to mobile 1 of my 4 footer widgets title aligns to the left. The other 3 widgets are text widgets. I’ve centered the alignment in the LSI widget itself, and tried altering it but it doesn’t seem to affect it. The actual social icons are centered, its just the title.

Any ideas?

Thanks

[Leo]

Hi there,

Can you disable your coming soon page so I can see the issue?

Let me know 🙂

[Angus]

Hi Leo,

Sorry moved it back to staging. I’ve updated the url, so should be good now?

Thanks

[Leo]

I’m seeing this existing CSS you’ve added:

@media (max-width:1024px) {
    .footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3 {
        width: 100%; 
        padding: 20px;
        text-align: center;
    }
}

What if you just include footer widget 4 as well?

@media (max-width:1024px) {
    .footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4 {
        width: 100%; 
        padding: 20px;
        text-align: center;
    }
}

[Angus]

Perfect Leo, thank you so much!

[Leo]

No problem 🙂

[Author]

Posts