Debut Theme Mobile Menu don't show and just one Product image on Mobile

[scooterteam]

 Hey Guys,

we just builded our online store with the Debut theme.

We yesterday launched it and now we got some issues.

shop link is "hypeescooter.com"

Failure one:

The Menu isn't working on Mobile devices.

Failure two (also just on Mobile):

They just show one productimage if you click on the arrows for the next or prev one it's not switching to the other images of this product.

Failure Three (also on desktop devices ):

If i change the colour of the product from grey to white it's not changing automatically the picture to white.

but in the options we setuped it.

We got the main issues just in the mobile version of the site and since yesterday.

We hope somebody of you can help us fix the issues.

looking forward to hear from you

best regards

hypeescooter

[oscprofessional]

Hello hypeescooter ,

I have found that there is some js issue in theme.js. Please check the screenshot. Due to js error other events are not working. 

[Jasoliya]

I have checked in your theme by just console and see that Js issue in your theme.js file, so first solve this may be after that  100% it will work.

Unexpected token '}'

[scooterteam]

Hey,

thanks for your fast reply.

In my theme.js ?

---

@Jasoliya wrote:

I have checked in your theme by just console and see that Js issue in your theme.js file, so first solve this may be after that  100% it will work.

Unexpected token '}'

---

but where i can find the issue i just checked again i cant find it.

[Jasoliya]

Yes, in theme.js find "onLoadHideLazysizesAnimation();" error generating 2nd after '}' .

You can check by console of browser. 

[scooterteam]

Hey,

heres the part out of the theme.js.

---

@Jasoliya wrote:

Yes, in theme.js find "onLoadHideLazysizesAnimation();" error generating 2nd after '}' .

You can check by console of browser. 

---

$target
.closest(selectors.imageWithPlaceholderWrapper)
.find(selectors.imagePlaceholder)
.addClass(classes.hidden);
});

// When the theme loads, lazysizes might load images before the "lazyloaded"
// event listener has been attached. When this happens, the following function
// hides the loading placeholders.
function onLoadHideLazysizesAnimation() {
$(selectors.image + '.lazyloaded')
.closest(selectors.imageWithPlaceholderWrapper)
.find(selectors.imagePlaceholder)
.addClass(classes.hidden);
}

onLoadHideLazysizesAnimation();
};

}
});
});

[Jasoliya · Accepted solution]

Sorry but i can not debug more by just console. You can remove last bracket and check. May be its extra added in file by mistake. 

Note: Take backup of your live theme before make any changes.

}
    });
  });

try to remove above bracket. 

[scooterteam]

So easy but thats what it was...

[Jasoliya]

Don't know may be your developer made any mistake.

[scooterteam]

anyway thank you really for your help really appreciate that.