Mobile view distorted on Random Posts?

Using the TagDiv Newspaper theme and without any known changes to plugins or theme, have just realized some (not all) of my posts are showing (in Mobile View only) as distorted pages – Zoomed so the page is not readable.
Here is a sample of a good Mobile page: https://besthomegear.com/10-best-gas-fire-pit-tables/
Here is a sample of a now distorted Mobile page: https://besthomegear.com/best-outdoor-griddle/
open either page on the desktop – No issues.
I have cleared and preloaded Cache this morning, with no changes.
If you open either sample page in Mobile (I use IOS) the second sample URL is an example of this issue. Appears the Margins are corrupted (enlarged) on only certain posts.
In Mobile View, I currently see almost all of my Product review pages, and Most of my How To guides with the same issue in Mobile View, No issues in Desktop. This is a huge problem that I can’t find a solution for, so big Thanks to anyone who knows what to fix, or where to look!
Kevin
Image #1
Image #2

P.S. Only thing that we recently changed on site was in Tag Div composer last week, where with AnaMaria’s help, I removed the “Breadcrumbs” content row (top of page below header) from All pages on my site, due to duplication of Yoast Breadcrumbs, but that seemed successful, so not sure that caused this to occur and why to only certain pages.

Hi AnnaMaria,
I will disable and clear ewww optimizer and check. Can you clarify mobile template question – where would i verify that on my site/theme?
thanks!
Kevin

AnaMaria
Thanks That worked – EWWW disabled, cleared cache, all mobile posts are back to original view!
Apparently, you must know of an issue with compatibility on EWWW and WP Rocket. If so, would it be a good idea to delete the EWWW plugin altogether, and if I do that does WP Rocket offer image optimization?
Otherwise i have a Jetpack subscription, also can “enable” image optimization there as part of the subscription, or perhaps a different image optimization plugin?

AnaMaria
I see now that the EWWW optimizer plugin is disabled, when you click on any image on the page, you get an error message “the image could not be loaded”.

Right now that plugin is “disabled”. If I delete it altogether, then clear the cache will that error message likely disappear?

This is occurring on Mobile and Desktop.

Thanks again
Kevin

TagDiv Support,

Need help.

I see now that I have the EWWW optimizer plugin deleted, when you click on any image on any of my pages, you get an error message that says “the image could not be loaded”.

I deleted the EWWW Optimizer plugin, cleared the cache, and pre-loaded it through WP Rocket, then cleared the browser, but still cannot view any images when I click on them, in any posts, except images that link to my affiliates like Amazon…

you can see this occurring on the first image of this post by clicking on man with beard riding cub cadet mower. https://besthomegear.com/best-riding-lawn-mower/

This is occurring on both Mobile and Desktop versions,

Thanks again for your support!
Kevin

• This reply was modified 2 years by besthomegear.

Anamaria

Unfortunately, I deleted the EWWW plugin (which had been deactivated earlier) completely. I cannot reactivate and remove the lazy load function. However, WP Rocket lazy load is enabled.

I have today installed a new Compressed Image plugin called TinyPng. it ran all 1316 images in my library successfully.

However, after doing so, I still am seeing an issue with all the images in posts for my website, and using the Tagdiv theme. The issue can be seen by looking at a sample post/URL this one:
Then hover over the first image in the post of a man driving a lawnmower and click on it. (this is one example, all images have the same issue). If you see what I see, it will look like this error that the “image cannot be loaded” ?

This issue occurs in IOS and Desktop versions of my site; https://besthomegear.com

I am at a loss to understand what we can do to fix it (is it a leftover from something EWWW had imparted?).

I have cleared and preloaded the entire cache in WP Rocket, cleared my browser, and the images still show the same issue in the theme for any of my posts, in IOS or desktop.
Any help from you or your colleagues would b Most Helpful
Kevin C.

Follow up – According to the EWWW support site, there are many references to using their “tools” to cleanup and remove data files. (well a little too late since I deleted the plugin).

My question to the TagDiv experts is, should I reinstall the EWWW plugin temporarily, than follow some protocol to deoptimize all images they compressed? would this be the fix for image issues?
I sent EWWW a WP support request yesterday for suggestions but no reply.

Any other suggestions, instead of reloading the EWWW plugin?
Kevin

Thanks again AnaMaria

I installed the Regenerate thumbs plugin, ran it 100% completion on 1318 images, cleared and preloaded cache, and cleared the browser, problem is still there on all static images on the website – you can test again with the above URL to my site.
I received a support response from EWWW who don’t believe its any residual data on their end but had a couple of suggestion (that aren’t clear to me) and seems to think there is something else, theme, or plugin causing Lazy Load to occur simultaneously with WP Rocket? I’m running out of ideas!
Kevin

Thanks, Anamaria

As I see it to fix the Modal setting issue that is distorting the images loading on my site I can employ one of two options.

Option #1: (As you refer above – Make changes to WP Rocket settings)

All I need to do in the exclude modal images is in the disable box of WP Rocket – copy and paste this exact type: td-modal-image

No other letters or symbols?

Then I save and clear the cache in WP Rocket and that’s it right?

Option #2: Make changes to TagDiv “Post Settings” instead…

See this screenshot. I am paying for WP Rocket Premium to optimize my site in many ways, what if, I make the changes in TagDiv Modal settings instead?

Specifically, I would do this; disable “General Modal Image”, Disable “Modal image on MOBILE, and Disable “Smartlist” modal image. Disable All Three?

Wouldn’t this accomplish the same objective as reconfiguring my WP Rocket settings? Confirming, I really don’t need the modal options enabled to properly run the theme correct?

Thanks again for your prompt response and help!

Kevin

It worked – All set – and hopefully educational for us all, that modal settings cause the issue…

Thanks again for your support,
Kevin