I have recently noticed an annoying feature of the replayer. No matter the amount of moves, there always a big gap between them and the play buttons. Here is a screenshot of a chosen example.

enter image description here

Why is this so? It is rather annoying to have to scroll past it all the time. Is there away to fix this so it formats itself accordingly with the move amount? Of course, if an answer has many moves, it will default to the built in limit such as in this answer with a long stalemate problem.


2 Answers 2


This has been fixed. Glorfindel was correct - it was happening because the chess player is not really built optimally for responsive design. Now below a certain width breakpoint, the move will show up below the board and not beside it.

1. e4 e6
Load it in a narrow screen
Moves beneath the board!

Reducing the zoom function to 50% for the given example proves that this has been fixed.

enter image description here

  • I still have this issue on mobile
    – qwr
    Commented Aug 2, 2022 at 2:36

This is a consequence of the responsive design. For me, at full browser width (1440px) it shows normally:

enter image description here

and the problem only appears when I make the window a bit smaller:

enter image description here

It could be fixed by removing the fixed height of the moves element, then it will look like this:

enter image description here

but I'm not experienced enough in responsive design to tell whether that's the best solution. So I'm tagging this as to have Stack Exchange's developers to have a look.

  • Useful research. And it should be borne in mind that not everyone has the money to buy (or the space to put) a huge screen, and not everyone has keen enough eyesight to cope with 1440p on a normal-sized one.
    – Rosie F
    Commented Sep 19, 2021 at 11:47

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .