So I really like Semantic UI, and take a lot of direction from them when I can. I have a stepped-process checkout, and have taken after their "Ordered Step" UI.
However, sadly, even their component is broken - it doesn't overflow-x in an appealing way, and I think the vertical step component looks terrible.
How do people deal with a stepped-process whose content is wider than pagewidth?
Step 1 | Step 2 | Step 3 | Step 4 | Step 5 | Step 6
Where pagewidth only allows three steps to be visible at once? Are there any examples in the wild of this? I really like the step mentality, I think it moves users through a logical process and gives a sense of progress, etc.
Just setting overflow:scroll is an option, and works well on touch devices, but it's not so intuitive on a desktop. Also, as users flow through the steps, they only have access to previously completed steps, and the "current" step. However, when a user has completed all steps, I give them access to click back through each step and change things if needed. This makes it even less intuitive when some steps are literally offscreen... Advice?