[Support request] How to stretch 3 footer widget areas to fill the space

[Brian]

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?

[Tom]

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;
	}
}

[Author]

Posts