Archived topic

Center footer widgets on mobile

3 replies · Started by drumelie on April 18, 2018

Viewing posts 1–4 of 4

April 18, 2018 at 7:22 am #553719

I am having trouble getting the footer widgets to be centered on a mobile device. The following code works for tablet and desktop, but not mobile:

.footer-widgets { text-align: center; }

I tried adding the following additional CSS, but it did not work:

@media (max-width: 768px) {
.footer-widgets {
text-align: center !important;
}}

How can I get footer widgets to be centered on mobile?

April 18, 2018 at 9:18 am #553922

Hi there,

Hmm to have footer widgets center at all device, this CSS should work:

.footer-widgets {
    text-align: center;
}

If it doesn't, can you leave it in and remove all others so I can see why it isn't working?

April 18, 2018 at 10:38 am #554011

Thank you for the helpful hint.

The issue was a missing }

I had previous CSS with the declaration : @media (min-width: 769px) {

So it was applying all my CSS only to tablet and desktop.

April 18, 2018 at 8:22 pm #554281

No problem :)

This archived topic is closed to new replies.