Archived topic
Footer Widgets Stacking with Different widths
3 replies · Started by Angus on June 3, 2020
My footer widgets aren't playing nicely! I've created the same text widget in each widget area but renamed each one 2, 3 and 4 so I can see which ones should be where. 1 and 4 are stacked, and 2 and 3 are where I would expect 3 and 4 to be and the widths are smaller. Is there a way of making each of the widget areas 25% when 4 are selected? Or is there any other way of fixing this?
Thanks
Hi there,
Go to Additional CSS field in the customizer and remove this block of CSS:
/* footer widget spacing */
@media (min-width:1025px) {
.footer-widgets .footer-widget-1 {
width: 65%;
padding-right: 80px;
}
.footer-widgets .footer-widget-2 {
width: 15%;
}
.footer-widgets .footer-widget-3 {
width: 20%;
}
}
Thanks so much Leo! Perfect
No problem :)