Help with making a ''vertical'' dropdown menu

[jasa11]

Hey.

Is there any way that I could make my dropdown menu on mobile slide in vertically? Basically as shown in the screenshot. The width would be similar as well, and sliding in from the left side of the screen. I think it would look much better that way.

Thanks in advance!

URL: jasaoslaj.com

[ziadify]

I don't recommend doing both animations.
That being said your solution would be mix of javascript and CSS
Sliding down:

In javascript you toggle active class instead of show/hide (display:none/display:block) styling

then on css you do the following:

and that's it

For left to right sliding:
same for the javascript active class toggle, css should be as follows:

Hope this helps

[jasa11]

No, down is how its at right now, so im not doing both animations or anything.

I just wanna make it from going down as it is right now, to opening up vertically from the left side

[ziadify]

currently it's fading in, in my answer i shared both solutions, sliding down or sliding right