Hi,
My image, in the mobile view, is not being contained by the bounderies of the sceern as you can see in the image. It Anyone know why that is and how to fix it?
Hi there,
The extra whitespace you’re seeing on mobile is likely due to elements extending beyond the viewport width. This commonly happens when using fixed pixel widths that exceed mobile screen dimensions, which are typically narrower than desktop displays.
To resolve this, try implementing these responsive design practices: Set your element widths to percentages (100% or less) rather than fixed pixels to ensure they adapt to different screen sizes. If you still notice overflow issues, add the ‘overflow: hidden’ property to the parent container. You can use Webflow’s X-ray mode in Canvas settings to identify which elements are causing the overflow - simply scroll through your site while hovering over the extra whitespace on the right to spot the problematic elements.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
@Mourik , just opened the preview link, it looks fine, are you manage to fix it? thanks
Hi, yeah don’t exactly what happened. But the problem is gone now haha
@Mourik pleased it is already fixed, please mark as complete so community will know it is already fixed. Thanks