I am designing a page that has an overlay menu that has an opacity set to 0 until it's button is clicked. Its container has a z-index set to 100 to ensure it always appears above the rest of the page's content. The good news is that it works perfectly. The bad news is that I can't seem to edit any of the content, such as a text block, because every time I click into the text block to edit, Webflow automatically selects the overlay wrapper layer.
Is there a workaround for this or a way to lock / hide the overlay layer so that the rest of the content can be edited?
I'm completely stuck.
Thanks for any help / suggestions!