Archived topic
How to stretch 3 footer widget areas to fill the space
1 reply · Started by Brian on September 10, 2020
Viewing posts 1–2 of 2
I am tweaking Mike's dev theme.
I changed it from 4 footer areas to 3. I assumed the 3 would scale to fit the space but there is still an empty area where the 4th widget area was.
https://drive.google.com/file/d/1kevFt7UQUt8StwihvM8-h0WNBVBs1qWB/view?usp=drivesdk
Any suggestions?
Hi there,
Dev has some custom CSS for the footer widgets.
Go into "Customize > Additional CSS" and remove this:
/* footer widget spacing */
@media (min-width:1025px) {
.footer-widgets .footer-widget-1 {
width: 15%;
padding-right: 80px;
}
.footer-widgets .footer-widget-2 {
width: 20%;
}
.footer-widgets .footer-widget-3 {
width: 30%;
}
.footer-widgets .footer-widget-4 {
width: 35%;
}
}
@media (max-width:768px) {
.footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3,
.footer-widgets .footer-widget-4 {
width: 100%;
text-align: center;
}
}
This archived topic is closed to new replies.
