Skip to main content

I have found some of my responsive designs when viewed as a responsive prototype are scaling down correctly but then are still scrollable to the right with a blank area.


Solution - Set the Scroll Behaviour Overflow to Vertical on the top most frame (not sure if this works if your top most frame is a component)


Hope this helps someone,

Cheers

Hi @TomAustin, Thank you so much for sharing your tips on scroll and overflow behavior.


Your insights will be incredibly valuable to our community members! We appreciate you taking the time to share your experiences.


Thanks again for your input!


I’ve really been looking for this! Can’t wait to try it 🔥


@TomAustin  solution works ! 😍

Or - Set the Scroll Behaviour Overflow to HORIZONTAL on the top most frame, in case you have blank area on the bottom🤔


Great find! Setting the Scroll Behavior to Vertical on the topmost frame is a solid fix for unwanted horizontal scrolling. Another thing to check is whether any elements extend beyond the frame boundaries. Using "Clip Content" can also help prevent overflow issues.