Site logo

Archived topic

Footer Widgets Stacking with Different widths

3 replies · Started by Angus on June 3, 2020

Viewing posts 1–4 of 4

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 :)

This archived topic is closed to new replies.