Airi Footer 3 Column Width/Alignment Issue

Hi Team,

I have a 3 column footer in my site, but it is not even.

Is there a way to fix this across all browsers?

Kind Regards,

Meow

Hello there,

Those 3 footer columns have same width. The spaces are made from empty content. To check it yourself, you can add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .footer-widgets .sidebar-column {
      background: red;
      border: 1px solid yellow;
    }

Probably the below CSS code could do what you wanted.

    @media only screen and (min-width: 768px) {
      .footer-widgets .sidebar-column:last-child {
        text-align: right;
      }
    }

However you’d got another issue on the second one’s alignment.

In short, there might be no code that exactly helps. :frowning:

Regards,
Kharis

Hi Kharis,

Thanks heaps for your help. At first, I thought it only showed that I wasn’t able to do anything, but then I decided against using a menu and just used a “text” section (like the others) and it seems to work nicely :slight_smile:

Thank you for your help on all 3 questions!

Kind Regards
Meow

Great! Glad to hear you got better solution.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis