Archived topic

How do I align links I have placed in my footer bar?

5 replies · Started by Nicole on February 20, 2019

Viewing posts 1–6 of 6

February 20, 2019 at 5:58 pm #816095

I want these there items to show up horizontally, rather than stacked. It should look like this:

Rather than:

How do I make that happen?

February 20, 2019 at 6:26 pm #816107

Hi there,

Have you tried adding the links as a widget in the Footer Bar widget area?: Appearance > Widgets

Let me know :)

February 20, 2019 at 7:57 pm #816127

I have them in my footer bar (widgets), but they're not showing up for some reason. So I need to make them show up, then get them to align horizontally in some way.

February 21, 2019 at 9:11 am #816803

Try setting your footer bar alignment to "Center" in Customize > Layout > Footer.

Then add this CSS:

.footer-bar, .inside-site-info {
    display: flex;
}

.footer-bar {
    margin-left: auto;
}

.footer-bar > * {
    margin: 0 10px;
}

.copyright-bar {
    margin-right: auto;
    margin-left: 10px;
}

Let me know :)

February 21, 2019 at 8:34 pm #817182

I decided to right-align everything in the footer instead. All good. Thanks!

February 22, 2019 at 9:11 am #817803

No problem :)

This archived topic is closed to new replies.

Start building better websites today.