Footer Credits/Menu looks weird in mobile

[HardeepAsrani]

Description

If you see the Raft footer in mobile devices, it looks bit weird with Credits taking most of the space. We can investigate if it's possible to solve it without using any custom CSS, ie using Block Editor settings. Thanks @mghenciu for bringing this to attention.

Step-by-step reproduction instructions

1. You can see the WPorg preview in the mobile: https://wordpress.org/themes/raft/
2. Or you can have a wp instance with a lot of menu items to see the issue.

Screenshots, screen recording, code snippet or Help Scout ticket

Environment info

No response

Is the issue you are reporting a regression

No

[mghenciu]

Hey, @arinaturcu . I think the solution is to just enable the Stacking for the row that contains footer elements, like this:

And the Footer template part would change to this:

footer.html.zip

and Footer with columns, like this: footer-with-columns.html.zip

---

I've made this commit, that should address the issue. Let me know if I can help with something else.

[arinaturcu]

@mghenciu Thanks for taking care of it! 🚀

I made a build with your commit, so that the @Codeinwp/qa-team can test it: raft.zip

[HardeepAsrani]

@mghenciu Just one question, do you think it's fine from design perspective to have footer credit above the menu items? I know it's not possible to reverse them using block editor settings, but do you think it's a good compromise?

[mghenciu]

Not ideal, but I think we can live with it. Since having the Copyright on the left side is consistent with Neve, Jaxon, Fork, etc.