Streaming live at 10am (PST)

Flickering text issue in horizontal scroll section (at some resolutions)

Hi everyone,

I designed a new page featuring a horizontal scroll section for a client project. In the Webflow preview it looks okay. However, when I preview the page in-browser it has some issues that I want to get rid of:

  • On some resolutions, for example on iPhone X and iMac, the content in the horizontal scroll part flashes/flickers while scrolling (all content that is on top of the “timeline”, which is inside the horizontally scrolled part).
  • When a user on a mobile device swipes horizontally and then vertically again or when a user tries to zoom out in the horizontal scroll section, it happens that the whole canvas is visible or the page is zoomed out. This looks like this: I tried to solve this with overflow-hidden, but that denies the horizontal scroll part as well.

Is there anyone here who can help me with these issues?

Cheers and thanks already for getting in touch.
Martijn Roefs

Here is my public share link: LINK
(how to access public share link)

1 Like