Hide/Show looks good in preview not on iPhone. What's wrong?

Hi, I have coded a simple hide and show of galleries that show up when clicking a box. It works fine on my laptop and also looks good on preview for both desktop and mobile. It looks terrible on my iPhone, though. Old (different layout) versions of the gallery still show, and everything is placed over each other on the screen.

The website URL is https://wixcreatewebdesign.wixsite.com/cmgcaribbean/products

Is this a bug? …or what is wrong with it? Hope someone can help.

This is a screenshot from my iPhone:

These are screenshots from preview in mobile and desktop view:

Thanks,

Linda Lou

Hi Linda,

I need a little bit more details, what iphone are you using and which browser?
It seems to work fine in the versions i tried.

Thanks,
Itai

Hi Itai,
I’m using is a iPhone 6 with iOS 11.2.5. I just checked the site. It get’s stuck on this one image now (see below). I also checked the site in Safari using a MacBook Pro (10.12.6), it has the same issue as my phone! You cannot scroll through the photos and when clicking on the buttons nothing happens.

When I use Chrome it works just fine! I can scroll through the photos and clicking the buttons takes me to another gallery.

I checked preview using the editor in Chrome, no problem. It has the same images as yesterday and works fine (I didn’t change anything in the mean time.

Then I checked preview in the editor using Safari, and it has the same issue! The view get’s stuck on this one photo.

There is something very strange going on. I had trouble yesterday with the code working in Safari; the photos wouldn’t show up correctly. I checked it over and over again and couldn’t figure out what was wrong. Then I switched to Chrome and everything worked like a charm.

It’s a very simple code (see below), with the galleries hidden on load and simply placed on top of each other

I would really appreciate it if you could look into this and see what is wrong.

export function box1_click(event, $w) {
$w(“#gallery1”).show();
$w(“#gallery2”).hide();
$w(“#gallery3”).hide();
$w(“#gallery4”).hide();
$w(“#gallery5”).hide();
$w(“#gallery6”).hide();
}

export function box2_click(event, $w) {
$w(“#gallery1”).hide();
$w(“#gallery2”).show();
$w(“#gallery3”).hide();
$w(“#gallery4”).hide();
$w(“#gallery5”).hide();
$w(“#gallery6”).hide();
}

export function box3_click(event, $w) {
$w(“#gallery1”).hide();
$w(“#gallery2”).hide();
$w(“#gallery3”).show();
$w(“#gallery4”).hide();
$w(“#gallery5”).hide();
$w(“#gallery6”).hide();
}

export function box4_click(event, $w) {
$w(“#gallery1”).hide();
$w(“#gallery2”).hide();
$w(“#gallery3”).hide();
$w(“#gallery4”).show();
$w(“#gallery5”).hide();
$w(“#gallery6”).hide();
}

Hi Linda,

Thanks for all the details.
I can see it in Safari as well. I’ll check it out and get back to you.

Stay tuned,
Itai

Hi Itai,

Any news on this? My client is getting difficult with the waiting.

Thanks,
Linda Lou

Hi Linda,

That seems to be a bug on our side.
We’re working to resolve it as soon as possible.

In the meantime, the bug only seems to occur on Pro Gallery galleries. I suggest you to try using one of the basic galleries available in the Add Panel. Let me know how it went.

Good Luck,
Itai

Thanks Itai, that’s good to know. I have submitted the site to the client yesterday as he was getting too impatient. I have hidden the pages with the code and only used lightboxes with the basic galleries instead.

Can you let me know when the issue is resolved? …I can then show the client the other option with the nicer photos. The ‘sharpness’ option in Pro Galleries is a very good option to improve the quality of the photos.

Thanks for your help on this!
Linda Lou

I’m still having this issue. Has this been resolved?