Hello, I have the following problem with Sparkle 5: I have a page with a length of 8381px. Below I’ve placed a graphic to the left of some text. In the Sparkle window, the graphic is in the right place (1). Also in the Preview window (2). Once published, this graphic will appear significantly shifted (3). This happens in all browsers on the computer and mobile devices. What could be the reason?
In both versions. Macbook under Safari and Firefox. As well as on the iPad and the iPhone. Everything is correct in the Sparkle app preview for both mobile and desktop versions.
You are working with “PCs and landscape tablets” devices and have chosen scaling for desktop computers. I recommend doing the opposite, as it will solve your problem.
Here’s how I work with my websites:
Ultra-wide desktop computers: Unpublished
Desktop computers: Custom layout
PCs and landscape tablets: Automatic scaling
Portrait tablets: Automatic scaling
Landscape smartphones: Automatic or custom scaling
Portrait smartphones: Custom layout
I also recommend disabling automatic scaling on mobile devices, as it can cause such issues. To do this, go to the site settings and then navigate to “Miscellaneous.”