[Resolved] Footer not very responsive

[troyw]

Hey team,
I am not sure why, but when I reduce the width of any page on this website, the footer content seems to get very messy. Is does not vertically align very well, logo images squash too much and widgets do not fall below each other when the naturally should.
Any ideas how I can fix this?
Cheers

[Elvin]

Hi,

The footer widgets seem to stack vertically as shown here:
https://share.getcloudapp.com/geuqK6pE

I’m not exactly sure we see the same thing. Perhaps I have to setup my hosts file again for this? Please verify.

As for vertical alignment, can you specify what manner you want the widgets to align? (horizontal center, vertical center, etc).

[troyw]

Hey Elvin,
I think you are seeing the right thing. I would like the widgets to align centrally in a vertical fashion. Additionally, when reducing the width of the browser before the site turns responsive, the footer does not sit central?
Cheers

[Leo]

A good starting point would be to tweak the footer widget area padding with mobile toggle activated:
https://www.screencast.com/t/LzxB3LcvrVDs

You will probably want to reduce the left and right padding and make sure all paddings are equal.

[troyw]

Thanks Leo

[Leo]

No problem 🙂

[Author]

Posts