Archived topic

Mobile Footer Alterations

5 replies · Started by Matthew on April 16, 2021

Viewing posts 1–6 of 6

April 16, 2021 at 6:42 am #1736814

Hi,

I currently have 2 widgets in my footer.

The first contains About, Contact, Privacy, etc

The second contains my social profiles.

On mobile the contents of the first widget are arranged thus:

About Contact
Privacy Disclaimer
Terms & Conditions

I would like them to be arranged in a single column and centered, such as:

About
Contact
Privacy
Disclaimer

The social profiles in the second widget I would like to leave in a line as they are:

FB TW P

But I would also like to center them.

How do I go about doing this?

April 16, 2021 at 7:59 am #1737207

Hi there,

can you share a link to the site so i can see the layout ?

April 16, 2021 at 8:03 am #1737215

Link provided

April 16, 2021 at 4:53 pm #1737488

Try this CSS:

@media (max-width: 768px) {
    .footer-widget-1 .textwidget p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-widget-2 .widget .lsi-social-icons {
        text-align: center !important;
    }
}

April 17, 2021 at 5:53 am #1737839

That worked, thanks Leo!

April 17, 2021 at 10:13 am #1738267

No problem :)

This archived topic is closed to new replies.

Start building better websites today.