Hi, i have issue with “Site Image” stack on page. When I look a page on a tablet - Ipad 11", the images are poorly centered and unresponsive. Only on this type of tablet. In landscape and on height mode.
No, only with Site Image. But image stack from Foundry does not support custom filenames. I think that custom filenames of image is essential for SEO. For this reason I want to use Site Image. However, that all other devices work well.
The images you posted have the picture on the other side? The URL you posted has the picture on the right. Don’t the screenshots show the picture on the left?
I don’t think Foundry does anything specific for an 11 inch iPad. It changes layout based on the screen width.
I can make the screen width any size and it seems to work.
Looks like the image is used on other pages, that’s a great reason to use site image as it’s cached.
That’s pretty strange.
I’m assuming that you are talking about the 2018 iPad pro-11-inch model?
I only have an old regular iPad 5th generation. The 11-inch iPad list 2388-by-1668-pixels screen size. That should equal a logical screen width of 1334 pixels in portrait mode.
I can display the page fine with the width set to 1334 in the developer tools. There should be nothing about a site image that would affect the way the image responses to an iPad.
My guess is that it’s something else on the page. I’m not at my office now and the machine I’m using isn’t the best. I did notice a lag in responsiveness when I resized the page. It could be the machine I’m using or some of the JavaScript on the page.
Does this happen if you lost the page in portrait mode or if you rotate the iPad after you have the page loaded? Does reloading the page help?
nothing helps, not even refresh, in both modes, when I use other image stack so everything is ok, the problem is only when using Site Image stack.
thank you, mike
The CSS for the 2 stacks image and site image are basically identical.
Perhaps @isaiah might have an idea?
I can’t get it to fail on a desktop at any width.
You could use the image stack and name the files until it gets figured out. Just double click on the image itself and hit done after entering the filename.