[Resolved] Off canvas menu – mobile – adding heading inside overlay

[Elvin]

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

[ammgbr]

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;

[Elvin]

You can keep the text-align: left;

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

[ammgbr]

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?

[Elvin]

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

Can you provide any screen recording?

[ammgbr]

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 🙂

[Elvin]

No problem. Glad to be of any help. 😀

[Author]

Posts