[CYS] Footer with 3 menus

[verofasulo]

During our weekly demo, we noticed that resizing the screen caused some menu items to wrap in a weird way. To avoid this behavior, we proposed to decrease the gap between the three menu columns.

I can’t inspect the component in the frame. @albarin, could you please just try to reduce the spacing a bit and see if some weird behavior happens again? Thank you 🙏

[albarin]

@verofasulo Can you check this example 👉 https://annoying-moose.jurassic.ninja/2023/10/31/25/

The first footer is with a reduced space between menus.
The second one is the current one.

[verofasulo]

Thanks, @albarin 🙏

I tested both and I have to say I can't see the issue we saw yesterday replicated even in the current one 🤔 That's weird.

[albarin]

@verofasulo what about in this site? https://woo-mortally-rad-kitten.wpcomstaging.com/2023/10/31/115/ 🤔

[verofasulo]

what about in this site? https://woo-mortally-rad-kitten.wpcomstaging.com/2023/10/31/115/

Oh yes I can see it now! Would it be possible to increase the text container width? I think it would help, also with longer text (we're currently using pretty short menu items, what happens if the user writes "Return and refund policy" for example?)

[danieldudzic]

Leaving the link here, just in case any of the spacing issues in the above thread are related to this issue: woocommerce/woocommerce#42150

[albarin]

Fixed by #11544