# Is there a way to produce an off canvas menu to slide in from the side nice and smooth **URL:** \ **Category:** Elements\ **Created:** [June 10, 2025, 6:46pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005 "2025-06-10T18:46:45Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 10, 2025, 6:46pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/1 "2025-06-10T18:46:45Z")
Just wondering if there is a way to produce this style of menu Graham ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 10, 2025, 7:04pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/2 "2025-06-10T19:04:33Z")
@graham-sm1th very very basic just modify to suit [elementsapp://downloadDocument/rDHSxvb6HedU](elementsapp://downloadDocument/rDHSxvb6HedU) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 10, 2025, 8:59pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/3 "2025-06-10T20:59:27Z")
is the highlight around the link intentional or should it not be there ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [June 11, 2025, 6:45am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/4 "2025-06-11T06:45:24Z")
As @upssjw has shown, you can do this with a combination of a Modal and Top Pages — if you need more help just let us know, I’d be happy to record a quick video going in to more detail 🙂 ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 11, 2025, 10:44am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/5 "2025-06-11T10:44:56Z")
That’s all great, but how do I get the menu icon which I have simply as text to close the menu please ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 11, 2025, 11:10am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/6 "2025-06-11T11:10:18Z")
Not at my laptop, but near to the Modal component there is a Modal Close component ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 11, 2025, 11:20am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/7 "2025-06-11T11:20:48Z")
I have tried that but the only way it closes is when clicked outside of the top pages container ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 11, 2025, 11:26am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/8 "2025-06-11T11:26:39Z")
It would be good if there was a toggle on off switch in the modal set up for this, what do you think ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 11, 2025, 11:26am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/9 "2025-06-11T11:26:41Z")
Not home to record example for quite a while, perhaps someone else can help ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 11, 2025, 11:31am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/10 "2025-06-11T11:31:26Z")
Thank you so Much Steve you have been a great help, it’s nice that it closes when clicked outside of the container but some people might not realise this and wonder why it doesn’t close when the menu is clicked again ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 11, 2025, 11:32am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/11 "2025-06-11T11:32:35Z")
Have you watched Dan’s video[https://youtu.be/Ye1Eyfyh3DE?si=IAnBmj\_1rA3zLjbZ](https://youtu.be/Ye1Eyfyh3DE?si=IAnBmj_1rA3zLjbZ) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 11, 2025, 3:46pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/12 "2025-06-11T15:46:31Z")
@graham-sm1th is this what you mean, used button to close could be anything you can see I dropped the Modal Close in the offcanvas menu ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 12, 2025, 2:20pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/13 "2025-06-12T14:20:50Z")
Thanks so Much Steve, Its all a new learning curve, It would be good to be able to position the modal as you do text left, right and middle But I think this works ok Just one thing Home seems to inherit a blue outline not sure how to get rid of that ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/7/e7b15c39e0fda9276b065f5d8bf1cc0642be5c8b.jpeg) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 12, 2025, 2:42pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/14 "2025-06-12T14:42:03Z")
Looks good, learning quick The blue outline I have mentioned twice now over different posts, one a few days ago as an issue, not sure if this being resolved @ben ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 13, 2025, 3:21pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/15 "2025-06-13T15:21:35Z")
Thank you Steve, I would like to adde an (S) shape curve to remove the straight lines of a container, flex or grid is there a way to do this in elements . ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 13, 2025, 4:19pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/16 "2025-06-13T16:19:13Z")
I do not think so in those components you can do this with svg’s though merges between 2 containers ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 13, 2025, 9:35pm UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/17 "2025-06-13T21:35:30Z")
How did you achieve that Steve, and can the curve be more accentuated ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 14, 2025, 4:09am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/18 "2025-06-14T04:09:48Z")
Do you have an image or draw the curve ![CleanShot 2025-06-14 at 05.39.28@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/5/a50f8ee680cb91213bf1ae81016c35ee5bce5d9a.jpeg) ![CleanShot 2025-06-14 at 05.41.12@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/8/e830f5e325a0aa13cbef39e21698ace5fffaa8a9.jpeg) ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 14, 2025, 7:34am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/19 "2025-06-14T07:34:01Z")
Or was it similar to the one on your current website you needed ---
**Author:** ![graham-sm1th](https://avatars.discourse-cdn.com/v4/letter/g/5f9b8f/32.png) [@graham-sm1th](https://forums.realmacsoftware.com/u/graham-sm1th)\ **Post date:** [June 14, 2025, 7:49am UTC](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005/20 "2025-06-14T07:49:10Z")
That is exactly it but I th have found the solution. I took a screen shot, opened it in Affinity 2 and exported it as svg with the black so it flows seamlessly. But thank you so much for your help very much appreciated ![Screenshot 2025-06-14 at 08.54.42](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/a/0aef96012a58c313a33c47927b3d8f68a6999459.jpeg) [Next page](https://forums.realmacsoftware.com/t/is-there-a-way-to-produce-an-off-canvas-menu-to-slide-in-from-the-side-nice-and-smooth/48005.md?page=2)