I am working on a project, where in the basket, just before checkout, a customer can see which seats he has selected, in which part of the room etc. Sadly, there is so much information necessary, that I can't show it on one line.

This is why I have chosen to make that specific div scrollable horizontally. One problem though: on mobiles, the div doesn't get a horizontal scroll-bar when viewed on mobiles.

I therefore need to create some kind of "call to action", so a user knows he can scroll horizontally on that specific area. What could I add design-wise, so a user knows he can interact by scrolling horizontally?

enter image description here

I have tried to activate a scroll bar, but it's impossible to do by code, that's why I resort to the graphic design part of SO now :)

  • 1
    I'd honestly redesign to remove the need for horizontal scrolling. No matter what you implement, many, many users will never realize then can scroll horizontally.
    – Scott
    Commented Mar 25, 2015 at 9:19
  • Yes, we are considering that option, but have not yet found a way to display that much information on such a small space (it's also up to the backend-devs to adapt the code). At the moment this is the best solution, which is why I am asking this.
    – Rvervuurt
    Commented Mar 25, 2015 at 9:21
  • @Rvervuurt That is not a backend issue at all, layout and the way data is presented is front end. Please see this UX.SE question Commented Mar 25, 2015 at 12:58
  • I've actually fixed it with CSS and displaying (or blocking) some cells with :nth-child(*). Works really well now.
    – Rvervuurt
    Commented Mar 26, 2015 at 8:44


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.