Blank space on the right side of mobile view

If you’re seeing unexpected blank space or horizontal scrolling on your mobile view, it usually means some elements are extending beyond the mobile viewport.

Here’s how to identify and fix it in Foxify:

✅ Common causes & fixes

Element width exceeds screen size

• Cause: One or more elements have a fixed or oversized width that pushes the content out of the screen.

• Fix:

  • Select the element (e.g. Stack, Image, or Text).

  • In the Design tab, under Size, ensure:

    • Width is set to 100% or a responsive value (vw, %, or auto) — avoid using large fixed pixel.

  • Use the Constraint feature to help Foxify adapt the layout across devices. Learn more: Constraints

  • Double-check both Tablet and Mobile views by toggling view modes at the top.

Image or button overflows

• Cause: Large images or buttons that aren't optimized for mobile can stretch the layout.

• Fix:

  • Set different widths for Desktop and Mobile using the device toggle in the settings panel.

  • or Upload separate mobile-optimized images if needed.

🎥 Need a visual guide?

Watch this tutorial to see how to optimize your page for mobile devices:

🧪 Still seeing issues?

If the issue continues:

• Recheck the affected section’s constraints and sizes.

• Contact our support team — we’re here to help!

How to report an issue