Stacking order or overlapping elements issue

Hi Everyone,

When I am using the website on mobile, and I select ‘subscription boxes’ , the first time it will take me to SHOP ALL instead of the correct page. The second time, it takes me to the correct page.

The same thing happens when I click on the dropdown nested menu. The first time it takes me to SHOP ALL and the second time it drops down to show the nest menu options.

PLEASE NOTE - THIS ONLY APPLIES TO THE USE OF THE WEBSITE VIA MOBILE. DESKTOP IS PERFECT.

I asked Shopify for support:

After investigating this, I discovered that the modifications made to the theme code for the image-banner.liquid is causing the issue. In the code changes, the z-index that has been added to the styling is causing the container to interact with the drawer on the homepage. z-index is the CSS property that controls the stacking order of overlapping elements on a page.

Help! I don’t know how to fix this coding issue.

Can anyone instruct me?

Thanks!