Customize mobile menu (Wells)

I'm trying to customize the mobile navigation menu on the wells template. Currently, the mobile menu comes down from the top, but I'd like it be a sidebar, like it is on desktop. I'd like to behave just like this https://www.joestpierrephoto.com/

Can someone help me write custom code that would allow me to achieve this? It would be a huge help 🙂 

The website I'm trying to customize is here:

https://www.candiceconner.com/

You mean click Burger > Menu will slide from left to right?

@tuanphan Yes! Exactly. 

On 5/13/2023 at 7:24 AM, audball said:

The website I'm trying to customize is here:

https://www.candiceconner.com/

Add to Design > Custom CSS

div#mobileNav {
    position: fixed !important;
    height: auto !important;
    width: 50%;
    transform: translateX(-100%);
    transition: all 0.3s ease;
}
div#mobileNav.menu-open {
    transform: translateX(0);
    transition: all 0.3s ease;
}