[Resolved] Footer Widgets Stacking with Different widths

[Angus]

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

[Leo]

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

[Angus]

Thanks so much Leo! Perfect

[Leo]

No problem 🙂

[Author]

Posts