Docs

[Pero]

Hello,

I have a problem with images not displaying on mobile. Everything is OK on desktop. On some mobile phones the pictures appear just fine (iphone 4s, iphone 5c and iphone 6) but I get a lot of complaints from people that the images are simply not displayed on their mobile devices. I have asked 10 random people to test it and the images don’t appear on 7 of them (don’t know which devices they were using).
I have already searched this forum multiple times and browsed the web for the answer. But I simply cannot find the solution.

I tried deactivating all of the plugins, clearing cache, some code, wp smush, removing adsense…
The site is a news site and it has more than 700 articles with images so reuploading the images is not an option.
Please help, 40% of visits to my site are from mobile devices.

Here is the link:

Wellness

Thank you!

[Rue Nel]

Hi There,

Thanks for writing in! Upon check your site, it appears that several of the sections especially in your homepage has the visibility option applied to it. Please edit you page and disable the visibility option. Disabling the visibility will assure you that all sections will be visible in all screens including the mobile phones. After making your changes, since you have installed W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately.

Please let us know how it goes.

[Pero]

Hi Rue Nel,

Thank you for your reply. Unfortunately it is not working. Do you have any other suggestions?
P.S. Sorry it took so long to answer but I just recently acquired a device for testing.

Best

[Friech]

Hi There,

I did check your site and I did not see any error regarding a failed request of an image. Can you point us which images that is not visible on mobile?

Like Rue Nel said above, this could be the Hide Base on Screen Width feature as I’m seeing some of your section are for (visible on) mobile only and some are for desktop only. Please check your section’s settings.

Thanks.

[Pero]

Hi,
I have tried unhiding the sections and nothing happened.
None of the images appear when viewed on some mobile phones and tablets. So it does not apply only to homepage but also on all of the other pages (that don’t have hidden sections).
What else could it be?

[Joao]

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Pero]

This reply has been marked as private.

[Rad]

Hi there,

Would you mind providing the images that should be visible on mobile and which isn’t? I just like to know which is intentionally hidden and not. Because I can still see sections that are hidden on mobile

Thanks!

[Pero]

Hi,

The problem occurs not only on the front page but on all of the website. So that means that the logo is not displaying, none of the images on the posts are displaying, none of the images on sliders, sidebars, normal images inserted in a page via image element are not displaying. So there isn’t a single image that is visible on mobile. That happens on around 50% of mobile devices and tablets, on the other 50% everything is OK.

Regarding the homepage, I have hidden all of the sliders for mobile and added recent post elements instead (which are hidden for desktop and laptops).

I simply don’t understand why that happens. Please help!

Best

[Rue Nel]

Hello There,

It appears that you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

I would also recommend that you clear your mobile phone browser’s cache or use private browsing mode and test your site again.

Please let us know how it goes.

[Pero]

Hi,

Thank you for the advice. Tried it but it didn’t help. I have tried again turning off all of the plugins, emptying the cache every time I deactivated them. Also tried unhiding items (with emptying the cache), but nothing helps…

I have absolutely no idea what is wrong. I have never seen anything like it.
If anyone has any other solution please help.

Best

[Lely]

Hi There,

We’re sorry you’re still having this issue. Would you mind giving us FTP access too? We would like to check the error logs.

[Pero]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
The issue is weird because when I view the image on mobile like this:http://wellness.hr/wp-content/uploads/2016/11/wellness-tesla.jpg it is page not found. But as I check using desktop it is there and loading fine. I did check your error logs and I found this:

[25-Nov-2016 09:15:14 UTC] PHP Fatal error:  Out of memory (allocated 67895296) (tried to allocate 72 bytes) in /home/wellness/public_html/wp-includes/formatting.php on line 2807
[25-Nov-2016 09:15:14 UTC] PHP Fatal error:  Unknown: Cannot use output buffering in output buffering display handlers in Unknown on line 0

There’s a memory issue.
You can try adding this in your wp-config.php located at the root directory of your site.

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

You can add it before the line

/* That’s all, stop editing! Happy blogging. */
If that issue still exists after that, please do check in with your hosting provider. This seems to be hosting related. Ask if memory is not maxed out. Do let us know how this goes.

[Author]

Posts