Off canvas menu - mobile - adding heading inside overlay

Thanks.

After applying this CSS:

#generate-slideout-menu button.slideout-exit {
    z-index: 9999999;
}

As for the inserted element, you'll have to edit the paragraph block you've inserted to add a link to it.

Here's a demo video on how it's done - https://share.getcloudapp.com/xQu6Jkvo

Many thanks for the above , these have been very helpful. The exit button now works

Lastly, heading position , when I change the code from 'center' to 'left' it repositions too far left , is there a way to move it along the horizontal axis with greater precision?

#generate-slideout-menu p {
border-bottom: 2px solid #000000;
width: 100%;
text-align: center;
padding-bottom: 20px;
font-family: your-custom-font;

You can keep the text-align: left;

And then add padding-left: 20px;. You can adjust 20px to your preferred position. :)

Perfect that works great, thank you!

One (truly) last thing - apologies for the multiple f/u Qs..just a minor thing but would make the menu look more tidy:

Once exiting the off canvas menu it sort of animates/flickers before going to homepage - is there a way to make it more smooth or is it just how it is?

Not sure what you mean. Is it when you click any link?

Can you provide any screen recording?

It is just the way the overlay menu flashes in and out on selection - it does not look too bad though I think it is the default way it appears

Thank you for your help :)

No problem. Glad to be of any help. :D