Can i keep an off-canvas toggle visible over an active canvas?

[TristanP]

Hi there!

I have an off-canvas toggle sitting within my content, but also have one in the header.

Is there a way to still keep the toggle in the header visible over the active canvas content? I tried using z-index, but to no avail.

Kind regards,

Tristan

[ruenel]

Hello Tristan,

Thanks for writing in!

I have inspected your page and I found out that this custom css code is hiding the lock toggle icon;

a.x-anchor.x-anchor-toggle.displaylevel1.x-active, a.x-anchor.x-anchor-toggle.displaylevel2.x-active, a.x-anchor.x-anchor-toggle.displaylevel3.x-active, a.x-anchor.x-anchor-toggle.displaylevel4.x-active {
    display: none;
}

If you remove that code and the update this one:

.x-off-canvas {
    z-index: 999999999! important;
}

by using this code instead:

.x-off-canvas {
    z-index: 99! important;
}

We would love to know if this has worked for you. Thank you.

[TristanP]

Awesome,

thanks!

I had this code in place so that premium members no longer see the CTA, and made changes to it.

Works perfectly now!.

[christian]

We’re glad your issue is now resolved, Tristan.