New Website - Mobile issue
Hi,
Updated portfolio using the photo gallery in Xara, happy with the results .
https://marctellier.com
There is problem with mobile devices though, the images doesn't show up.
When resizing the window on a computer, every size (supersite) works in firefox and safari.
If anyone have any clue I would really appreciate.
Marc
Re: New Website - Mobile issue
Fastastic work Marc! I never knew!
I looked on my iPhone and no images. I have no idea why not. I used Safari and Edge. Same.
Are your images on the MouseOff layer?
Re: New Website - Mobile issue
Thanks Gary,
Yes, the objects are on Mouseoff.
Marc
Re: New Website - Mobile issue
Hmm? And you say when you preview in your browser by making the screen narrow you can see the images?
What happens if you delete the whole site and republish?
Acorn, Egg, Gary, anyone have any other ideas?
Re: New Website - Mobile issue
Now what is really bizarre is when I narrow my browser on my computer, I see the mobile variant!
Re: New Website - Mobile issue
I can't help with iPhone, sorry.
Two Variants is overkill - use Scale to Fit Width and a single 640px Mobile size.
I would avoid the use of the HighSlide carousel as you are duplicating images and photos for little benefit as you have not added any Title or Alt text or other description and have ignore the built-in carousel features.
None of the images or photos have Image Filenames.
As the pages are tall, you need some up/down navigation.
It is not a Supersite as you have separate index.html, index_photo.html and index_info.html files published into the same folder.
Acorn
Re: New Website - Mobile issue
But can you see the images on your Android phone? And any idea why the images might not be showing up?
Re: New Website - Mobile issue
Quote:
Originally Posted by
gwpriester
But can you see the images on your Android phone? And any idea why the images might not be showing up?
They do not show and probably for a number of the reasons I listed.
If I switch to Desktop Mode on my phone, things appear.
There are simply too many things going on that could confound the browser rendering.
So, remove bad design aspects and you gain a better site.
From there you can investigate.
Copy the design files.
Delete everything apart from one image, one photo and one logo and publish to a sub-folder and check.
If still failing, remove the HighSlide settings.
Add in Image Filenames.
Basically, eliminate back until something works and then build up again.
I religiously check each Variant against six browsers on my Desktop and additionally force Responsive sizes through the Developer Tools.
I publish and check again.
Emulations on phones are expensive and it is actually cheaper to buy a phone when it is for a larger commission.
Acorn
Re: New Website - Mobile issue
First & foremost Marc WOW! Fantastic illustrations.
I can only confirm that on my iPhone there are just black boxes where the images (thumbnails) should be. Clicking on one does correctly open the HighSlide image correctly however, which isn't much use without the thumbnail image though ;) It's also the same on the Android tablet I have.
Perhaps you could attach a cut down version of the site as a xar file so we can have a look-see?
As an aside on your Info page you have:
Quote:
His partipation at artistic events has also been recognized with international awards
I think you mean participation?
Re: New Website - Mobile issue
Thanks for the pointers !
Acorn, I’ll look into those details next week.
Being very unfamiliar with websites and html those suggestions are very helpful.
Gary, yeah it’s a puzzle to me as why it doesn’t work on the mobile version.
Thinking about it, I am using version 15 to generate the website, could that be the problem ?
Ipad doesn’t work either...
Egg, thanks for the nice comment and I really appreciate the spellchecking, didn’t see that one !
I’ll upload a sample if I’m unsuccessful.
Marc
Re: New Website - Mobile issue
Quote:
Gary, yeah it’s a puzzle to me as why it doesn’t work on the mobile version.
Thinking about it, I am using version 15 to generate the website, could that be the problem ?
It shouldn't be. And I created several sites with mobile variants in several previous versions without any problem.
Is it possible for you to upload a singe page with the variant page?
Another thing, can you create a single new page and a variant and publish just to see if those upload and work in the mobile version. Sometimes a page gets corrupted for who knows what reason and this might be a cause.
1 Attachment(s)
Re: New Website - Mobile issue
Hi,
I've managed to paste the content in a new document.
It does not appear to work,even in reducing the number of images.
Test here uploaded here :
marctellier.com/test/index.html
The xar file is attached.
Any clue would be appreciated.
Thanks,
Marc
Re: New Website - Mobile issue
Quote:
Originally Posted by
MarcT
Hi,
I've managed to paste the content in a new document.
It does not appear to work,even in reducing the number of images.
Test here uploaded here :
marctellier.com/test/index.html
The xar file is attached.
Any clue would be appreciated.
Thanks,
Marc
Marc, the page works both from the Xara file and your web page for me.
Perhaps clear your browser cache (Ctrl+F5).
Acorn
1 Attachment(s)
Re: New Website - Mobile issue
Works when I published to my Xara Hosting account.
However there is no variant, just the main page which scales down in my iPhone
Re: New Website - Mobile issue
Acorn : Thanks for looking, I was interested with the portable devices (phone/tablet) rendering issue.
Gary : This is interesting, it might be a version bug.
Which version did you used to publish it ?
Thanks,
Marc
Re: New Website - Mobile issue
Xara Designer Pro X 17.0.0.58732 DL x64 Mar 12 2020
1 Attachment(s)
Re: New Website - Mobile issue
Hi Marc, I took your single variant xar/web file you attached and created a 480px mobile site. It appears to work without issue.
Just love that roller skating grasshopper waitress :)
LINK
Re: New Website - Mobile issue
Sorry I did the same but failed to mention it.
Acorn
Re: New Website - Mobile issue
Quote:
Originally Posted by
Acorn
Sorry I did the same but failed to mention it.
Thanks for looking at this Acorn.
It Definitely looks like a version bug, I will install the current version to see.
Concerning your previous comment about two variants being overkill.
In what way could it be a problem?
I created a larger one (1600width) because clients often have large resolution and I want the images to turn out well.
1920x1080 is pretty standard nowadays and many have higher.
Thanks,
Marc
Re: New Website - Mobile issue
Quote:
Originally Posted by
Egg Bramhill
Just love that roller skating grasshopper waitress :)
Yeah that's a funny one !
Marc
1 Attachment(s)
Re: New Website - Mobile issue
Acorn, Egg or Gary, could you please do a screenshot of your website export options ?
Attachment 127831
I've tried with V17 and get the same results.
Also installed it on another computer to test.
Tried to fiddle with the website export option with no success.
Thanks,
Marc
Re: New Website - Mobile issue
Quote:
Originally Posted by
MarcT
Thanks for looking at this Acorn.
It Definitely looks like a version bug, I will install the current version to see.
Concerning your previous comment about two variants being overkill.
In what way could it be a problem?
I created a larger one (1600width) because clients often have large resolution and I want the images to turn out well.
1920x1080 is pretty standard nowadays and many have higher.
Thanks,
Marc
One variant @ 640px & Main at 1280px.
Scale to Fit Width upper to 1920px.
Clearly, you have to experiment.
Acorn
Re: New Website - Mobile issue
Hi,
After much testing troubleshooting and, the culprit appears to be the Retina (hi def) images setting.
Not sure how it will affect the website, but I will try next to rebuild the entire site without it.
Maybe this will help someone else at some point.
Marc