Open Off Canvas Menu with

[ingo]

Hi guys,

a customer needs a button, which can be positioned anywhere on a website that opens the off canvas navigation menu.

Is it possible to do this?

Thanks in advance and best regards.

[marc_a]

Hey Ingo,

Thanks for reaching out!

Yes, this is doable! Would you mind sharing more ideas on which part of the website you will add the button? In that way, we can give you a piece of proper advice on how you can attain it.

Cheers!

[ingo]

Hi Marc,

thank for your response.

Secure note will follow below.

[marc_a]

Hey Ingo,

Accessing your wp-admin lead us to 503 Service Unavailable

But to open the navigation off-canvas using the button, we need to do it via custom attributes. On your website, if you inspect element the navigation off-canvass. You will see this code.

<a class="x-anchor x-anchor-toggle has-graphic e42-4 m16-5 m16-6 m16-7 m16-8 m16-9" tabindex="0" data-x-toggle="1" data-x-toggleable="e42-4" data-x-toggle-overlay="1" aria-controls="e42-4-off-canvas" aria-expanded="false" aria-haspopup="true" aria-label="Toggle Off Canvas Content" style="outline: none;">

And that’s the only thing we need to open the Navigation Off-canvas using the button. To do that, please do the following details.

data-x-toggleable = “e42-4”
aria-controls=“e42-4-off-canvas”
data-x-toggle-overlay=“1”
data-x-toggle=“1”

Your custom attribute should look like this one:

Hope that helps.

[ingo]

Perfect!

That worked like a charm.

Thanks a lot and have a nice day

[marc_a]

Hey Ingo,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.