# 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](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/constraints) * Double-check both **Tablet** and **Mobile** views by toggling view modes at the top. ![image](https://docs-assets.foxecom.app/foxify-app/image_n3jmDGGc.png) ### 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.
![image](https://docs-assets.foxecom.app/foxify-app/image_1Y81BI6O.png) ![image](https://docs-assets.foxecom.app/foxify-app/image_xcR7QtI6.png)
## 🎥 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