The weirdest homepage images disappear in smartphone and only

shaorkshao · Member · Apr 8, 2020 at 7:57 am
Copy link

Add topic to favorites
Hello,

I had made my homepage and everything goes right with my PC (the first 2 photos).

But some of the images disappear while I check it out with my smartphone (the 3rd and 4th photos)

All the settings are the same (the last 2 photos) so could anyone point out what’s going wrong? Thanks a lot.

Photos: https://docs.google.com/document/d/1qzKf2qr-juIzmtZ0NPY50RAnNEOjoUKplHMIs-lfeVA/edit

The blog I need help with is: (visible only to logged in users)
staff-zinnia · Staff · Apr 8, 2020 at 3:48 pm
Copy link
Hi –

What type of smart phone is being used and what browsers have you seen the problem occur in? Thanks!
shaorkshao · Member · Apr 8, 2020 at 5:27 pm
Copy link
Hi Lizkarkoski,

it is ASUS ZenFone Max M1 (ZB555KL)

I am not sure how to check the browser.

Thank you
staff-blorbo · Staff · Apr 8, 2020 at 7:07 pm
Copy link
https://supportdetails.com/ will tell you which browser (and version of) you’re running.
shaorkshao · Member · Apr 9, 2020 at 5:31 am
Copy link
Thank you Lizkarkoski and Macmanc, you’ve been very helpful!

What should I do next?

Thank you!

Photos: https://docs.google.com/document/d/1qzKf2qr-juIzmtZ0NPY50RAnNEOjoUKplHMIs-lfeVA/edit
shaorkshao · Member · Apr 9, 2020 at 5:35 am
Copy link
Note

Smartphone: ASUS ZenFone Max M1 (ZB555KL)

Browser: Chrome 80.0.3987.162

OS: Android 9 Chrome
kokkieh · Staff · Apr 9, 2020 at 6:46 am
Copy link
Hi there,

Those photos are not loading for me either in Chrome on Android, but they are in Firefox, so it looks like this is a problem with Chrome itself, rather than the mobile version of your site.

Looking at the images in your media library, the files are incredibly large – 4000 pixels wide with a 1MB filesize. That is massive for use on the web, so my guess is Chrome on mobile is timing out, or else simply not loading those images in an attempt to have your site load faster.

Your theme’s custom header width is 1800 pixels, and most computer screens won’t show an image wider than 2500 pixels at full size. An image at 2500 pixels will only have a file size of a few hundred kB, so try resizing those images on your computer to only 2500px wide, and then upload them to your media library and replace them on the front page, to see if that makes any difference.
shaorkshao · Member · Apr 9, 2020 at 3:37 pm
Copy link
Thank you Lizkarkoski, Macmanc and Kokkieh, it works!

Thank you team awesome for your fast and helpful assistance!

No items found.