Root padding prevents content from touching browser edges on mobile devices by adding padding to the main canvas. This is essential for mobile-friendly block themes.
Set root padding through the styles interface in the site editor, typically focusing on left and right padding. This creates breathing room on smaller screens where content would otherwise bump against the edges.
However, root padding conflicts with full-width alignments – full-width blocks would still be constrained by the padding. The solution is “useRootPaddingAwareAlignments” in theme.json settings.
When enabled, this feature moves padding from the root container to inner container blocks, preserving full-width capabilities while maintaining proper spacing for regular content. Always enable this setting for the best of both worlds.