-
Hi there,
I can’t work out what settings to use for centering all content in the footer on mobile. Or any section really. I’m not sure whether to use the parent container and set that to flex, and set everything to center? It doesn’t work for me. The grid? Each individual container in the grid? Each block?
Is there a documentation article on this you can point me to?
Thank you!
-
Hi there,
Flexbox and Grid are based on general CSS concepts, so having a solid understanding of how they work will make the UI settings in the block editor much more intuitive. Here are some helpful resources:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/To fix your footer layout, follow these steps:
1. Set the
gb-element-5f7a9dc4container’s width to 100%.
2. Then, for each parent container that wraps the text links, set Align Items to center.This should help align your footer content correctly. Let me know if you need further help!
-
Thank you Alvind!
-
No problem!
- You must be logged in to reply to this topic.