Pro footer not responsive on mobile

[999clubFg36D5]

Hi Theme Co team,

I have a footer on this page https://999club.org/fundraising/prudential-ride-london/.

It looks great on desktop but on mobile it’s not responsive. I thought that the content would adjust automatically when viewing on mobile.

Have I done something wrong?

thanks,

David

[ruenel]

Hello David,

Thanks for writing in!

Please edit your custom footer and in your bar settings, set the height of the bar to auto.

And then in your Container settings, set the Flexbox Child Placement as “Column”.

If the suggestion above is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​
To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[999clubFg36D5]

Hi Ruenel,

Thanks for your support. Your suggestions worked for the bars where I have a single container. But for the second bar - the one with the menu and social links - I’d prefer the links be horizontal on larger screens (along one line) but then adjust to smaller screens by going to two lines.

Any advice?

David

[christian]

Hey David,

To make them fall to 2 lines or stacked on mobile, you need to enable the Wrap option of the Container. It’s underthe Flexbox options. The result would not be good on very small screens though so if you don’t like that, I’d recommend you create a 3rd bar with the same elements but configured to show nicely on mobile. You can hide bars and elements using the Hide During Breakpoints feature.

If you’re interested to learn how Flexbox works, please see https://theme.co/docs/use-flex-layout

Hope that helps.