Blank side margins on mobile

Updated at:
Copy as MD

Desktop site displays on mobile with blank space on the sides

1. Ensure the page, header, and footer have the same width.

Click the gear-shaped Settings icon at the bottom of the page. In the Page Settings panel on the right, locate the Width Settings section and note the Width value (for example, 1200).

Click the header or footer. In the Header and Footer Settings panel on the right, confirm the Width value matches the page width.

2. After verifying the widths, click the Layers panel in the upper-right corner to see a list of all controls. Individually check each control to ensure its boundary does not extend beyond the page's design area, indicated by a dashed line. Be sure to check all controls in the header and footer as well.