Mobile version just now showing images on devices

[forresthowie]

Hi there,
I've opened a new thread for a problem that I've mentioned on my one about 'optimising image size across variants'.
I'm having huge problems with my website - www.historicedinburghtours.co.uk and the mobile variant. It works fine in chrome and edge and IE on my computer - both as the main/'desktop' version and also the smaller 'mobile' one. But using my iphone and using browserstack I'm having issues on iphones and all devices.
Images shared across variants just weren't showing. I'd get white boxes with the alt text showing. This was also happening with large text writing such as 'click here for more info'.
So I deleted the images and went to the main variant and shared them again.
Nope - still inconsistent.
Then I thought maybe there were shaded shapes behind the images that I had used for visual design reasons. Deleted these.
Nope - still inconsistent.
The main image at the top always works. The rest? nope.
Then I deleted all the images aside from the top one and added a totally different image just to see if that worked. Main image...yes, other image...no.
It's like this on all my sub-pages too and it's driving me nuts.
I've republished the whole site. I've purged the cache on the server. I've cleared my history on all devices.
I'm out of ideas.
Any suggestions would be, as ever, much appreciated.

PS my site IS slow - I'm looking at altering my .htaccess file to get images compressed and browser cache set for longer times.

[Initiostar]

I'm having huge problems with my website - www.historicedinburghtours.co.uk and the mobile variant. It works fine in chrome and edge and IE on my computer - both as the main/'desktop' version and also the smaller 'mobile' one

Best to fix a couple of errors and test thereafter: open up the site in Chrome, right click for Inspect / Console, you will see two missing links.

I would recheck the source of all your image links across desktop and mobile variants.

Second remove the statcounter and retry; I recollect reading a TG thread where the presence of statcounter was causing images not to correctly render.

Third, your site is not identifying with its SSL certificate; post a copy of your IONOS .htaccess file here ( I use IONOS without any SSL issues).

Forth if required; create a new Xara document (small subset of your main site), add some of your offending images, create a mobile variant and retest without any add-on analytics, gizmos and other links. My guess is this will work across all devices without issue. If this becomes necessary, only copy the content across not pages.

Gary

[forresthowie]

Best to fix a couple of errors and test thereafter: open up the site in Chrome, right click for Inspect / Console, you will see two missing links.

I would recheck the source of all your image links across desktop and mobile variants.

Second remove the statcounter and retry; I recollect reading a TG thread where the presence of statcounter was causing images not to correctly render.

Third, your site is not identifying with its SSL certificate; post a copy of your IONOS .htaccess file here ( I use IONOS without any SSL issues).

Forth if required; create a new Xara document (small subset of your main site), add some of your offending images, create a mobile variant and retest without any add-on analytics, gizmos and other links. My guess is this will work across all devices without issue. If this becomes necessary, only copy the content across not pages.

Gary

Thanks Gary,
Your help is much appreciated. I had a look on inspect/console but it's the first time I've used it and couldn't see where to look - I'll have a scout on Google and see what it teaches me about this tool.
I've removed Statcounter but the problem is still there (good to have that away as it should speed things up anyway).
The SSL thing is annoying the heck out of me. I've got that paid for AND CDN but I've been in a 'loop' with 1and1 for ages. What I need is www.historicedinburghtours.co.uk to work with my CDN and SSL. They changed my htaccess at one point so that it worked but only with historicedinburghtours.co.uk.
As an aside, last night I did GTMetrix tests for;
http://www.historicedinburghtours.co.uk and https://www.historicedinburghtours.co.uk and http://historicedinburghtours.co.uk and https://historicedinburghtours.co.uk Each one came back with a different score. Ufft. All I want is my visitor to be able to type in www.historicedinburghtours.co.uk and they get the SSL and it's fast because the CDN works. I've included a screenshot of the GTMeteix side comparisons and my .htaccess file. I'm looking to see if I can pay someone to sort the redirect issue so that typing www. works AND to leverage browser caching AND image compression. I think this should be simple but I've not got the skills. I also wonder if this is affecting the loading images issue.

.htaccess_.txt

[forresthowie]

Ok,
I've just deleted the images from the mobile home page and loaded up ones direct from my PC. They are still not appearing.
Apologies for being totally out of ideas here.
Thanks all.

[Initiostar]

Ok,
I've just deleted the images from the mobile home page and loaded up ones direct from my PC. They are still not appearing.
Apologies for being totally out of ideas here.
Thanks all.

You may be going round in circles here; I don't think the problem is with your images, but clearly something has gone awol.

Best to address one issue at a time:

From your IONOS Control Panel, select My Products, Hosting, Webspace, Use Webspace, Folder (that has your website), expand and open the .htaccess file, copy and paste into this threat using the tag # above. I can compare it with the IONOS code I use that works (I have CDN too).

[forresthowie]

You may be going round in circles here; I don't think the problem is with your images, but clearly something has gone awol.

Best to address one issue at a time:

From your IONOS Control Panel, select My Products, Hosting, Webspace, Use Webspace, Folder (that has your website), expand and open the .htaccess file, copy and paste into this threat using the tag # above. I can compare it with the IONOS code I use that works (I have CDN too).

Hi there, I'm not sure what you mean by the hashtag above bit - apologies.
Here's what's in the .htaccess code. I'm so sorry for taking up your time, please this isn't a priority for you, but I appreciate your help thus far.

This is what's in the file;

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]

[Initiostar]

Hi there, I'm not sure what you mean by the hashtag above bit - apologies.
Here's what's in the .htaccess code. I'm so sorry for taking up your time, please this isn't a priority for you, but I appreciate your help thus far.

This is what's in the file;

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]

OK: Let's try to resolve the SSL issue first. Change Line 3 with your specific URL and let me know the file name of your 404 error page if you are using one. A # tag at the start of a line in PHP means anything that follows is ignored, but not lost if you need to revert back.

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://historicedinburghtours.co.uk/$1 [R,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]

I'd take one step at a time to solve your gremlins.

[forresthowie]

Thank you.
OK, I've opened the .htaccess_ file in notepad and it now contains this;

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.historicedinburghtours.co.uk/$1 [R,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]


Please note - I added 'www' before historicedinburghtours.co.uk - should I have done this?
I changed it using notepad and saved it as .htaccess_ and uploaded it to my server. I then purged the cache.
Thank you.

[Initiostar]

Thank you.
OK, I've opened the .htaccess_ file in notepad and it now contains this;

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.historicedinburghtours.co.uk/$1 [R,L]


#RewriteEngine On
#RewriteCond %{SERVER_PORT} 80
#RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]


Please note - I added 'www' before historicedinburghtours.co.uk - should I have done this?
I changed it using notepad and saved it as .htaccess_ and uploaded it to my server. I then purged the cache.
Thank you.

I would remove the www from the URL and I will check back later.

[forresthowie]

I would remove the www from the URL and I will check back later.

Done. Thank you again.