Site logo

Archived topic

2 line footer

3 replies · Started by Kevin on April 28, 2022

Viewing posts 1–4 of 4

I wanted to have 2 line footer so I added following CSS code but it's not working.
I already set footer layout to 4 footer sections and add contents to the 4 widgets.

@media (min-width: 769px) {
.footer-widget-1 {
width: 100%;
float: none;
}
.footer-widget-2,
.footer-widget-3 {
width: 30%;
}
.footer-widget-4 {
width: 40%;
}
}

Hi Kevin,

Can you try adding this CSS in Appearance > Customize > Additional CSS:

.inside-footer-widgets {
    flex-wrap: wrap;
}

.inside-footer-widgets > div {
    flex: unset;
}

Kindly let us know how it goes. :)

Worked...thank you. I don't know what changed to cause it bc it was working before.

You’re welcome Kevin! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)

This archived topic is closed to new replies.