Side menu closing

Design help General
1

On our website would be somehow possible to close sidebar clicking on overlay area?

image
image719Ă—521 37.1 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

yes add close animation in overlay area

1 Like
3

There is not kind of close animation functionality in interactions…

4

can you provide read only link

1 Like
5

image
image2793Ă—1290 482 KB

6

image
image1920Ă—813 61.2 KB

I think it would work with .side-overlay as this close animation is already created but I can see .side-overlay in left menu as this is visible only when menu is opened

www.symplicit.com.au

8

https://preview.webflow.com/preview/symplicit-v2?utm_medium=preview_link&utm_source=designer&utm_content=symplicit-v2&preview=6ab533e792d916426b6804bce5778a00&workflow=preview

9

could you please help?

10

add this animation
image

in this class side-overlay

11

added but now working…
2 items of side menu are still appearing plus content is not clickable…

image
image3817Ă—1588 296 KB

any other suggestions?

12

are you using default slide to right animation for menus ?

then you create custom slide to right animation

13

sorry, what do you mean?

I have an animation created for menu icon Open and Close the one you suggested to use which I also thought was going to work but it is not.

14

image

are you using this default navbar animation and the solution is to create custom movement animation not the above one

15

Sorry, I did not understand.

Is that a question or recommendation?
I am using Open and Close menu animation already and it works for menu icons but it does not for side overlay.

Could you please explain in steps on what to do?

16

I want to be able to close Side Menu clicking on X icon but also clicking on Side-Overlay if that helps to explain what I am trying to achieve.

17

Solution here: