Blog photos lose formatting on tablets
Hello Support Team,
I have a question regarding my latest blog post on my website. I do not know if this is the right forum thread to pose this question, so feel free to refer me to someone else if need be. I have confirmed by checking on two different tablets that the formatting on my blog post titled “Savoring our sweet hygge” is all jumbled when viewed on tablets. I have checked the blog post on phones and computers, and it is fine, but the issue arises specifically with tablets. I have a screenshot, but I cannot find a place to attach it here. Essentially the issue is that the album photos show up over the text and not cropped into a line or fitted neatly within the text.
This is only an issue with my latest post, which was published after the recent changes were made in the way we format and publish posts. I am wondering if this is an issue with the updates made to the editing software of WordPress and specifically with the album capability that is now very different than prior (for example, we can no longer specify that we want our photos to appear as a mosaic). I do not know the specific root of this issue or how to fix it, so any guidance here would be appreciated. Thank you very much for your help!
Have a great day,
The blog I need help with is ripeandroasted.com.
Thanks for using the Spatial theme!
Just to clarify, you are noticing the issue you describe at this URL? https://ripeandroasted.com/2018/12/15/savoring_our_sweet_hygge/
As for the screenshot, feel free to upload it to a free image hosting service (this should work: https://imgur.com/upload) and link to the image upload here.
Yes, that is the link with the issue. Here is the link to the images that show how the page looks on a tablet: https://imgur.com/a/NazUUCo. As you can see, when the photos are in albums, they lose their formatting. Thank you again for any direction you have as far as how to fix this issue. I am hoping it will not be a problem in future posts that use the same new updates to the publisher tools on WordPress. Thank you again!
Thanks for sharing that screenshot. That is indeed a serious problem.
I’m a little stumped though because I am not able to recreate the issue.
From your screenshot, it looks like the images are absolutely positioned (that’s how the images are positioned without any regard to obstructing nearby text content) but examining the page, I don’t see what is depicted in your screenshot.
I tested in multiple browsers and different widths in MacOS and on an iPhone. And it seems perfectly normal to me. Unfortunately I don’t have an iPad handy to test with that too.
Would you mind sharing further details about the circumstances in which you see this behavior?
– Do you see it right now (without changing any settings between the time I published this response and the time you’re reading it now)?
– What browser, operating system, and device do you see this on? With version numbers (i.e. Firefox v32.23.3, iOS 3.5, iPad Pro 3).
– It seems like you’re using a third party plugin called Block Gallery to display these galleries, is this correct? If so, are you enabling any features related to “masonry” (masonry uses absolute positioning, which I mentioned above as the reason why images are positioned all wonky, and is cited on the Block Gallery plugin description as I write this)? If so, could you try disabling any settings that enable “masonry”?
– When you do see it, is the same effect seen when you preview another theme? If so, it may not be a Spatial-specific issue, but rather a plugin-specific issue. In which case, you would probably have to seek support from the plugin author.
Thanks again for the help with figuring out this issue. I would really appreciate anything you can do to resolve this or put me in touch with someone who can resolve it because this is a business site, and I do not want people to visit a website that has such a blatant error in formatting.
I have now had three followers contact me that their devices have shown this formatting problem. I believe I have narrowed down the issue to older devices, both iPhones and iPads. The devices with issues were 2 iPads and an iPad mini with iOS 9.3.5, an iPhone 5c with iOS 10.2.1, and another iPhone 5. I do not know the browsers used except on the 5c, Safari 10 was used, and I assume most others used Safari, as that is what is built in on most iPhones.
I am not using any type of plugin. I am simply using the gallery feature on WP admin when you can add a photo album. The issue only appeared recently since WordPress changed the look and maneuverability of editing on WP admin, so that may be related. Is there someone else who you can bring into this conversation who may be more directly involved with the issue happening here? All in all, I would appreciate any direction, as I need to get this issue resolved as quickly as possible. Thank you again!
I understand your frustration and really appreciate your patience so far, and thanks so much for reporting the problematic browsers/devices.
I’ve gone ahead and tagged WordPress.com Staff to see if they have any additional insight. Hopefully this is a known issue with the gallery feature that they will be able to resolve quickly.
Also, you may find it helpful to initiate contact with WordPress.com Staff by filling out the form on this page: https://wordpress.com/help/contact …with a link to this forum thread for context.
From the information you’ve provided, I’m thinking this is most likely a browser compatibility issue with the new gallery feature on older iOS devices.
You must be logged in to reply to this topic.