Archived topic
Tiny bug report about figcaptions
3 replies · Started by Baris on February 28, 2021
Hey everyone,
Just noticed that my image captions broke responsiveness on mobile, and after some trial and error, I found out that long words (including URLs) were the cause. I'm using the default template (no Site Library templates) so I'm pretty sure this is a theme core-related issue, possibly including the free version.
If I could upload images on this forum, I'd include a screenshot but doesn't matter, you can replicate the error by adding a Twitter URL as a caption to an image and view the website using Chrome Developer Tools' responsive mode (I select Moto G4 because it's also the choice of emulated mobile device of Google Lighthouse).
I fixed it by adding the custom CSS in my Customizer:
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {word-break:break-word;}
It would be nice if we didn't have to deal with this with custom CSS.
Cheers,
Barış
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Sure, but I don't have any images with captions at the moment.
Hi there,
I've tried recreating the issue with the base theme as shown here but I can't seem to replicate it.
Can you create a post or page with an image with caption replicating the issue you've mentioned so we could inspect what seems to be the issue?
Let us know.
