Mobile variant problems, slideshow problems on ipads, animations not working

Hi. I have made about a dozen sites in WD11 Premium, all with mobile variants, and all have displayed and functioned correctly on iphones and androids. Today I created a variant for a client and have spent the past 4 hours trying to figure out what I have done differently to the previous sites as the blinking thing is not displaying as it should on iphones, ipads, or androids. These are the problems:

On iphones
the mobile variant displays as a wee skinny thing in the centre of the screen AND it only displays about 25% of the length of the page (therefore cutting most of the content off). I have not had this happen before on any of the other sites created in WD11P. Here is a couple of sites where the mobile variant DOES display correctly, www.perthhillsaccommodation.com.au and www.willswa.com.au and there is a bunch of others all displaying correctly, so just thought I would throw them into show I can do this (chuckle).

I have gone through every element and every layer on the rogue variant and cannot find a problem, but there must be one as it is not displaying as it should.

On samsung phones
the mobile variant doesn't display at all. The desktop site is displayed instead.

On ipads
the website displays correctly but the slideshow does not display. I have used this same slideshow many times and have not had this problem before. I deleted the problem site and uploaded a site with the same slideshow as I thought the problem may have had something to do with my host, but the slideshow worked as it should so that was not the problem. Here is that site with the same slideshow www.accommodationdunsboroughwa.com.au (this site is an older site and does not have a mobile variant, and the client has not requested one).

Animation
On www.perthhillsaccommodation.com.au you will notice on the desktop and ipad sites that there is animation. I had this same animation on the seemehere.com.au website but it was not displaying on ipads or apple desktops, which is odd as it does on the first website, so why not this one? Anyway, that problem was removing the reasonable person out of me, so I deleted the animation to save my sanity.

Short of smashing my computer, does anyone have any suggestions that may help me with this frustratingly annoying problem. Any help would be greatly, greatly, mega greatly appreciated. Thanks.

I will also upload the web.file if anyone has time for a look, but I certainly understand if you do not. Cheers, Abi

Edit: web.file is too big. Will consider something else at a more reasonable time of the day. Time to hit the hay.

Just in case anyone was trying to view seemehere.com.au and was having difficuties ... I have been deleting from server and uploading again. Cheers, Abi

Hi Abi, I can confirm your site seemehere.com.au doesn't display as a mobile variant on my android phone, just the full screen version is vsible although I can see that the mobile version does view correctly on my desktop with a reduced width browser.

I think you'll either need to upload a zipped version of your xar file or post it to Dropbox or Google Drive.

I haven't looked on my mobile, but on my desktop the site switches to a narrow version in the centre of the browser window as the window width reduces.

It seems to me that the design width of the mobile version just doesn't match the variant cut-off point, so the browser switches to a smaller version of the site when the browser width is much wider.

The mobile design width is 400 pixels, but the cutoff for the mobile variant seems to be 740 pixels.

..so mobile design but tablet variant.

Hi Abi,

If you put a ticket into our Support department, support.xara.com, we'll send you some instructions on how to FTP the file to us, and we'll look to see what's going on, include this TalkGraphics URL so we know that your support ticket is for this thread,

or you can share your file from cloud storage (Gdrive / Dropbox) and include the link within this thread and we'll download it from there

Thanks everyone for your input. Ben i am on tour atm and away from my computer but will do as you suggest when i return on the weekend. Thanjs again.

Well, 10 months later and I am back on this thread. After many, many, many weeks (months!) of recreating and recreating and recreating this jolly website for the client we found that the problem was their logo. For some reason the logo was preventing the mobile variant from displaying on androids, was cutting the site in half on iphones and ipads, and only displaying correctly on desktops. I accidentally removed the logo and was surprised to find that the site behaved perfectly on all devices. When I inserted the logo again, the site misbehaved very badly. So, the logo had to go. I have not had this problem before so not sure why this problem occurred. The logo was .png and I saved it as jpeg hoping this would bypass the problem, but for some reason it did not. Anyway, logo is gone and the client has had 8 new sites in 9 months. Haha! www.bickleyvalleyretreat.com.au

Can we have a look at the logo.png please? There's no reason it should cause this hastle.

Quote:

---

Originally Posted by Egg Bramhill

Can we have a look at the logo.png please? There's no reason it should cause this hastle.

---

Absolutely, it's definitely not the logo graphic itself.

I'm amazed the client agreed to remove the logo.

Quote:

---

Originally Posted by Abikadabra

Live your life in such a way that when your feet hit the floor in the morning, Satan shudders and says, 'Oh s$%#t....she's awake!' ;))

---

that works for me
but i prefer

Live your life in such a way that when your feet hit the floor in the morning, God and Satan shudder and say, 'Oh s$%#t....she's awake!' ;))

Sorry for the delay in responding. I have been on tour. I have attached the rogue logo. I agree that the logo should not have had anything to do with the problem. I have made many websites and the logo has never been an issue. There is no reasonable explanation for this, but when the logo was deleted all the gremlins disappeared.

Attachment 114033

that was its actual size?

How do I attach this so others can click on it? The actual size is 5.2kb

under a certain size i think images are embedded as is

Paul, the client and I sat together and deleted the logo and the site displayed. We reinstated it and the site misbehaved. We did this several times and then she said to delete it as she would rather have a lovely website displaying correctly.

I think it is now attached rather than inserted

A logo does not blow up a website.
If you have added code to Placeholders elsewhere then possibly one is malformed and when it hits this IMG tab, it crashes.
Is the site responsive or Supersite or both?

[Edit]; found your site: http://www.bickleyvalleyretreat.com.au/. If is
It confers the touch of luxury your client is after, so well done.

If I may.
Your images and galleries need to be exactly bounded by the left edge of HOME and the right edge of BOOK YOUR GETAWAY or aim for a consistent datum.
You have a serifed font for the site title but use san sareif elsewhere, it clashes.
The next and previous icons on the first carousel are broken shapes.

Acorn

The site is responsive. I agree that a logo does not blow up a website, but when the logo was removed all the other things that were going wrong eg slideshow not displaying, pages being cut in half, and mobile variant not displaying all disappeared. It seems ludicrous that when the logo was removed everything returned to normal but that is what happened. The client and I reloaded the site with the logo several times and the problems reoccured. When the logo was deleted everything worked as it should. It is extremely odd and unbelievable, but my 2 dozen new grey hairs are testament to this oddity.

very odd but i'd love to see a (test) page of this logo breaking stuff
somebody on here will be able to tell you why
and then you could probably put it back

Thanks Acorn. Yes I noticed the broken shapes. I don't know how to fix that. I dragged the slideshow from the design gallery. Perhaps I will just need to redo it. Will align the images and galleries when I get back from tour. The client chose the font for the site title when we decided to get rid of the logo. I would rather have used a more simple font, but she wanted that. Thanks for the feedback. It is very much appreciated.

Quote:

---

Originally Posted by Big Frank

very odd but i'd love to see a (test) page of this logo breaking stuff
somebody on here will be able to tell you why
and then you could probably put it back

---

Hi Frank. There was a whole test site, and the actual site, listed on here last year to show the problem. When I return from tour I will do another test with the logo reinserted, although I have done this more than a half dozen times. I meant to put in a support ticket in October last year, and never got around to it.

this thread isn't even a year old
there's life in the old girl yet
come back when you have that dev site up
would be really interesting to see why this happened
(and propose an undustrial solution)

Haha! Will return to it in a few days.

Abi, could I suggest you also revisit the mobile variant. On my android in Portrait the header & Premium Getaway Destination are sticky and reduce the viewable content to the lower half of the screen. In Landscape there is only the bottom quarter inch of the screen viewable for content. I suggest you retink the sticky on the mobile variant ;)