Responsive footer

Hello,
I am happy with the way the footer looks on desktop but not happy with how its looking on mobile. I would like the columns to stack on mobile. please see attached screenshot. I attached my credentials so you can see how i set it up. Thanks in advance.

Hi Salim,

Thank you for writing in, I see that you’re manually hard-coding the <div style="display:inline-flex"> on the text element, please add a flex-wrap: wrap; rule to that so its content will be wrapped.

Do the same thing for your inline-menu, you can enable its wrap children option.



You can learn more about flexbox on the following resources.

Using Flexbox
Guide to Flexbox

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.