How can I make my navigation dropdown vertical on my website?

[EB_Admin]

would like my dropdown vetical 

instead of this 

this 

 i have shortened the width but unable to align it verically.

url: https://www.theearthbands.com

thank you

[Artzen_tech]

Hi @EB_Admin 
Its Artzen Technologies! We will be happy to help you today.

Go to OnlineStore-> EditCode-> Assets-> Base.css (or the file which you are using for CSS)
Add the below CSS to the CSS file.

.dropdown .menu{
   display: flex;
   flex-direction: column;
   left: 44%;
}

Below screenshot is the solution image after applying the CSS.

Let me know if need further assistance
Regards,
Artzen Technologies

[EB_Admin]

thank you for your help 

on adding the above my other menu dropdown option  is coming differently 

i have added custom css to make menu display like this

is there anyway i can make dropdown vertical but if content is more it automatically goes to second column

thank you