My website looks different on mobile
My website looks different on mobile
What can cause this
On mobile view, overlapping elements will shrink, and ungrouped elements might separate.
What to do
Make sure that your elements don’t overlap. Select elements in your design, and resize or crop them so their borders don’t touch each other.You can also try grouping elements to ensure they stay together.
Group elements
If you want certain elements to stay together, group them. Otherwise, they might separate in mobile view.
- Drag your cursor over the elements you want to group. You can also hold Shift on your keyboard and select the elements.
- On the floating toolbar, select Group.
- To check how your grouped elements appear on mobile, click the Preview.
- In the preview panel, click the Mobile button to see the mobile layout.
See how the text boxes stack on mobile view in the example below.
Was this helpful?
Helpful
Unhelpful