[Resolved] Footer Sizing

[Mike]

Hi,

I’m trying to make my footer widgets display more neatly. I have three and I’d like them to display in a row. I can only get them to do so if I have my browser window open wider than my 13″ screen. If the window is as wide as the 13″ screen, two widgets display on one line, and the other drops below, leaving a lot of empty space everywhere. I cannot eliminate the space by eliminating the padding.

It would even be fine if I could get the footer elements to align to the left, rather than trying to fill the entire bottom row. Is there a way to do this?

[Tom]

Hi Mike,

This is intentional – the 3rd or 5th widget will display 100% width if there’s no room for it in the line (we want to avoid squishing).

You can bypass this with this CSS:

@media (max-width: 1024px) {
	.active-footer-widgets-3 .footer-widget-3 {
		width: 33.33333%;
		float: left;
	}
}

[Author]

Posts