Product Page Menu button is not working on mobile ( Debut Theme )

Hi,

Whenever i visit a product page on mobile ( For example : https://jewelsbypreeti.com/products/emerald-dazzle-earrings) the top left corner menu & search is not clickable on mobile but only on the product page. I have attached the screenshot for your reference. Please someone help me with this

1 Like

@JewelsByPreeti

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

it’s because of js issue, Add new debut theme,
find the theme.js file and copy the whole code and replace
it into your own theme theme.js file code.

I hope this will work,
Note; before doing this make a copy of your theme then try.

1 Like

@Zworthkey I added the new Debut Theme and copied the theme.js file to my own theme.js file but it still didnt work

Hi there,

looks like somebody wanted to add/modify a zoom function to your theme.

There is a number of zoom libraries being loaded, plus there is a JS code added in the wrong place which breaks your theme javascript.

in your theme.liquid Layout there is this code


which should be done like this (it should become 2 separate script tags):


I cannot guarantee that you custom zoom code will work, but at least the theme JS should work properly after this.

1 Like

Thanks @tim_1 it worked but my fancybox/lightbox js code is not working now any idea where can i put that js code to work?