Mobile Hamburger Icon not following Z-Index

Hey there!

I am working on adjustments to a site and have run into a issue I can’t solve.

  1. On my mobile site, when you open the cart, the hamburger icon shows on top of the cart. I have played with both the icon/menu button and the cart container however have not been able to come up with a solution.

On the drop down menu, it was showing, however after giving it a z-index of 0 it went away, but this does not work for the cart.

I appreciate any help!

Thank you!


Here is my public share link:

https://preview.webflow.com/preview/halfsaintclothing?utm_medium=preview_link&utm_source=designer&utm_content=halfsaintclothing&preview=f81ebadfa4192351f0ac33a43ad95a6a&workflow=preview

It looks like you solved this issue? If not, can you clarify what portion of the mobile menu is “on top of the cart”?

Thank you for your time,

Here is a screenshot of the mobile view:

As you can see, the cart popup, the menu icon shows. The header is sticky on everypage, for some reason the sticky header doesn’t stick on the home page, so it will scroll out of view on the page.

All the other pages the sticky works but that hamburger icon stays.