Alignment of Widgets in the Footer
- The topic ‘Alignment of Widgets in the Footer’ is closed to new replies.
Need help? Check out our Support site, then
I can’t seem to find a way to align the widgets in the footer consistently. The Facebook widget appears to be a full line below the others, and there’s nothing I can find to fix it. There are no blank leading lines. https://ElectDavidBerg.com
I’ll keep playing with these, and might need to use a layout that doesn’t try to fit five across (which is probably too busy/too full in the first place).
The blog I need help with is: (visible only to logged in users)
Hello,
No problem. We can help you with this.
Within the “Additional CSS” section of the Customizer, add the following styles:
#footer-widgets .row {
display: flex;
justify-content: space-between;
}
#footer-widgets .two.columns {
width: auto;
}
@media screen and (max-width: 767px) {
#footer-widgets .row {
display: block;
}
}
That CSS should result in evenly distributing your footer widgets.
Let us know if that works.
Thanks!