I’m working on a site for a friend, and was asked to stylize the menu-opening animation (for when the menu opens on a mobile phone like iOS). Currently the menu slides open left to right, and I was asked to have it slide down from above (starting offscreen obviously). However I can’t seem to change the direction. I can change the speed in seconds and things like color, but not any direction other than left. Any help please? I have some experience with CSS but nothing serious the past few years. And I’m trying to use Customizing > Custom CSS to make changes.

relevant image: https://i.imgur.com/HUOrag6.png

(also, sorry if I posted in the wrong forum)

#sidr.sidr.left {
background-color: red;
transition: left 2s !important;
}

– am I supposed to be able to change “left” to something like “up” and see a difference? because if I change it to anything other than “left”, the menu just instantly pops in, like anything other than “left” doesn’t work.