Main content slides around on tablet

[bershatsky]

When the menu on the left is collapsed, all is fine. When the menu is extended (default), the main content area slides all around and isn’t locked down. Please fix.

[bershatsky]

It doesn’t seem to slide on my ipad now, but it still does on my iPhone 8. Thanks for your attention. I really like this theme!

[sheldrake]

I love this theme. Saying that, I'm a growing fan of Ghost too. But it seems I have a problem similar to the one @bershatsky describes here.

The rendering is perfect on all screens I have access to except iPhone 13 Pro in portrait orientation. Landscape is fine. But in portrait, one's finger can move the content left and right as well as up and down. In Firefox, Safari, and Chrome.

I believe it may be an image issue. Posts without inline (as opposed to featured) images don't exhibit this behaviour. Those posts with inline images do, but only as and when the image is first rendered.

e.g. https://generative-identity.org/towards-a-shared-understanding-of-digital-identity/

Any and all ideas gratefully received. 🙏🏼

[sheldrake]

Turns out this problem is not related to images. The answer was presented to me as an issue with long-form URLs which I had in my footnotes. Here's the answer ...

Add the following CSS to Code Injection header (inside existing style tags if you already have them in the Code Injection header box of course):

<style>
a {
  word-break: break-word;
}
</style>

Note that this will affect formatting for any links, so you may want to modify the selector.