Skip to main content
TomAustin
TomAustin
New Participant
August 13, 2024
Question

Responsive prototype has extra width & allows horizontal scrolling - SOLUTION

  • August 13, 2024
  • 4 replies
  • 914 views

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

    This topic has been closed for replies.

    4 replies

    Figmate
    Junko3
    Figmate
    August 15, 2024

    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!

    Paul_Palade
    Paul_Palade
    New Participant
    September 14, 2024

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

    Vasile_Schidu
    Vasile_Schidu
    New Member
    February 12, 2025

    ​@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. 🤔

      adilhassan
      adilhassan
      New Participant
      February 12, 2025

      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.

      Terms & ConditionsAccessibility statement