Jetpack responsive image mobile and image captions

Resolved ilushkin
(@ilushkin)

2 years, 6 months ago

Dear wordpress gurus,

Im using jetpack plus one of default wordpress themes.

Once i use captions to include image source, images no longer responsive on mobile devices.

Please advise what can be done. This is very important for me because I have to use captions with the image sources.

Thank you in advance.

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Daniel
(@ihenetudan)

2 years, 6 months ago

Hi @ilushkin,

I could see the issue when I visited https://funplacesguide.com/heurich-house-dcs-historic-beer-castle/.

However, using the Twenty Twenty-Three theme, which appears to be the theme you’re using on your site, and with Jetpack’s lazy loading for images enabled, I was not able to replicate the issue you are encountering on your site. See https://snipboard.io/rvU1Hd.jpg.

Maybe, another plugin is causing this issue on your site. I suggest deactivating all your active plugins and reenabling them one by one until you find the culprit.

Regards.

Thread Starter ilushkin
(@ilushkin)

2 years, 6 months ago

Thank you for your reply.

I tried seems to be all options: deactivating all plugins, reinserting the image from media library, but the issue remains unsolved.

I tried disabling and enabling lazy load option, but still the same.

This is huge issue for me, I can’t run a website without providing the image sources. This is illegal, and Im gonna have some serious issues.

ANd I would love to use the default theme, since its fast and clean.
It seems to be the same issue on twenty twenty two theme.

So I assume this is either with the php settings issue or jetpack.

I was wondering if anyone could contact me, I could provide access to the website.

Plugin Support lastsplash (a11n)
(@lastsplash)

2 years, 6 months ago

Hi @ilushkin –

I looked into this and it doesn’t appear that this is related to Jetpack. I temporarily turned off our Site Accelerator and the results were the same as with it enabled.

With Site Accelerator:

Without Site Accelerator:

It looks like there is code for that image adding a style="width: 800px; which is making the image non-responsive. Is that something that you have set for that image? It seems like that may be the case since it is happening on a different theme as well.

You could rule out Jetpack by testing with Jetpack disabled. I would expect that you would have the same issue.

Plugin Contributor Stef (a11n)
(@erania-pinnera)

2 years, 6 months ago

Hi there, @ilushkin,

It’s been one week since this topic was last updated. I’m going to mark this thread as solved. If you have any further questions or need more help, you’re welcome to open another thread here. Cheers!
Thread Starter ilushkin
(@ilushkin)

2 years, 6 months ago
Oh, i missed the previous reply. Let me test with Jetpack off tomorrow. Great idea. Thanks.
I will follow up.
So far i just removed the captions. As the result, images are responsive.
So captions are the issue, imho. But let me do some more testing.
- This reply was modified 2 years, 6 months ago by ilushkin.
- This reply was modified 2 years, 6 months ago by ilushkin.