Infinity3 Help Centre
Practical guides and answers for your Infinity3 tools and services.
Check and improve a page’s mobile layout in Infinity3
- View as Markdown Open this page as plain Markdown (opens in a new tab)
- Open in ChatGPT Ask questions about this page (opens in a new tab)
- Open in Claude Ask questions about this page (opens in a new tab)
- Open in Google AI Studio Ask questions about this page (Google account required) (opens in a new tab)
Review your website or funnel on smaller screens so visitors can read the content and complete the intended action.
Before you start
You’ll need permission to edit the page. Note any problems on the live page, such as clipped text, oversized images or buttons that are hard to use.
Review the layout
- Open Sites → Websites or Funnels.
- Select the page and open the builder.
- Switch to Mobile using the device controls.
- Review headings, paragraph sizes, spacing, images and column order.
- Select affected elements and adjust the available mobile styling controls.
- Check element visibility for each supported device mode.
Where Device Width is available, preview several widths within the selected mode. Changing the preview width alone does not change saved styles.
Check desktop too
Some settings affect shared content or other views. Switch back to desktop after editing and confirm that the page still displays correctly.
If an element is hidden and cannot be selected on the canvas, find it through the Layers panel and review its visibility settings.
Publish and test
Save, preview and publish the reviewed page. Open its live URL on a phone and test navigation, buttons, forms and booking elements.
Check that visitors can complete the whole journey without horizontal scrolling or overlapping content.
Contact Infinity3 with the page URL, device and affected element if the layout remains difficult to correct.