Archived topic

LSI Footer Widget Title Alignment in Mobile

5 replies · Started by Angus on June 7, 2020

Viewing posts 1–6 of 6

June 7, 2020 at 9:05 am #1318127

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

June 7, 2020 at 2:19 pm #1318396

Hi there,

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

Let me know :)

June 10, 2020 at 12:39 pm #1322626

Hi Leo,

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

Thanks

June 10, 2020 at 12:52 pm #1322645

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;
    }
}

June 10, 2020 at 12:55 pm #1322648

Perfect Leo, thank you so much!

June 10, 2020 at 12:55 pm #1322650

No problem :)

This archived topic is closed to new replies.

Start building better websites today.